#app,
html {
	height: 100%;
	font-size: 12px;
}

#app {
	-webkit-tap-highlight-color: transparent;
	display: flex;
    align-content: space-between;
    flex-direction: column;
}

.about,
.activity,
.lottery,
.lotteryHall,
.resetWay,
.setMail,
.setMobile,
.setPwd,
.setQuestion,
.setSafePwd,
.verifyMail,
.verifyMobile,
.verifyPwd,
.verifyQuestion,
.verifySafePwd {
	background: #e6e6e6
}

.activity {
	background: #eee;
	box-sizing: border-box;
}

.lottery .betHeader #Hi {
	cursor: pointer
}

.lottery .betHeader .betNavMore,
.lottery .betHeader ins {
	display: inline!important
}

.lottery .betHeader ins {
	margin: 0 4px
}

.lottery .serviceLink.ServiceBtn {
	background-position: 0 0
}

.lottery .serviceLink.ServiceBtn:hover {
	background-position: -87px 0
}

#app.alipay {
	background: none!important
}

.layermsg .layermcont {
	padding: 10px;
	line-height: 21px;
	text-align: center
}

.width380 {
	width: 380px
}

.laymshade {
	background-color: rgba(0, 0, 0, .4)
}

.layermbox2 .layermcont i:nth-child(1) {
	background-color: #f40
}

.layermbox2 .layermcont i:nth-child(2) {
	background-color: #f60
}

.layermbox2 .layermcont i:nth-child(3) {
	background-color: #f90
}

.layermchild {
	position: relative;
	border-radius: 3px!important
}

.layermchild h3 {
	margin: 0;
	padding: 0 80px 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2e4158;
	padding-left: 30px;
	border-radius: 2px 2px 0 0;
	border-bottom: none
}

.layermend {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	transition: .5s;
	width: 26px;
	height: 28px;
	right: 10px
}

.layermend:focus {
	outline: none
}

.layermend:before {
	-ms-transform: rotate(-45deg)
}

.layermend:after {
	-ms-transform: rotate(45deg)
}

.layermend:after,
.layermend:before {
	background-color: #83828a;
	width: 16px
}

.layermend:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.layermbox0 .layermchild {
	width: 380px;
	max-width: 500px;
	min-height: 210px;
	border-radius: 3px
}

.layerBet.layermanim.layermchild,
.msg.layermanim.layermchild {
	width: inherit;
	min-width: 380px
}

.layermcont {
	text-align: center;
	padding: 0 20px;
	margin-top: 40px;
	margin-bottom: 65px;
	word-break: break-all;
	max-height: 500px;
	max-height: 60vh;
	overflow: auto
}

.layermbtn {
	border: none;
	bottom: 14px;
	position: absolute;
	width: 100%
}

.layermbtn:before {
	display: none
}

.layermbtn span[type="0"],
.layermbtn span[type="1"] {
	height: 30px;
	min-width: 85px;
	padding: 0 15px;
	background-color: #d9dada;
	color: #333;
	border-radius: 3px;
	margin: .5em .4em .5em 0;
	font-weight: 400;
	line-height: 29px;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	position: static;
	width: auto;
}

.layermbtn span[type="0"]:hover,
.layermbtn span[type="1"]:hover {
	opacity: .9;
	text-decoration: none
}

.layermbtn span[type="1"] {
	color: #fff;
	border: none;
	background: #3e5779
}

.layerConfirm .layermcont,
.layermsg .layermcont,
.msgWarn .layermcont,
.url .layermcont {
	padding: 0 20px;
	margin-top: 30px;
	padding-bottom: 0;
	margin-bottom: 80px;
	max-height: 600px;
	overflow-x: hidden;
	overflow-y: auto
}

.imageReview {
	max-width: 90%!important;
	min-width: 100px!important;
	min-height: 100px!important
}

.imageReview .layermcont {
	padding: 20px
}

.imageReview img {
	width: 100%;
	display: block
}

.msgWait {
	min-height: 50px!important;
	max-height: 50px!important;
	min-width: 160px!important;
	max-width: 270px!important;
	background-color: inherit!important;
	box-shadow: none
}

.msgWait .layermcont {
	padding: 15px 6px;
	background-color: inherit
}

.msgWait .layermcont .svgLoad {
	float: left;
	margin: -4px 5px 0 0
}

.msg {
	min-height: 60px!important;
	min-width: 250px!important
}

.msg .layermcont {
	margin: 25px 0!important
}

.lotteryConfirm {
	width: 400px;
	min-height: 250px;
	background: #fff;
	text-align: left;
	font-size: 14px;
	line-height: 2.5;
	padding-left: 10px
}

.lotteryConfirm .textarea {
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 2px 5px;
	display: inline-block;
	font-size: 12px;
	width: 310px;
	height: 120px;
	overflow: auto;
	vertical-align: top
}

.lotteryConfirm .textarea p {
	margin: 0
}

.lotteryConfirm span {
	margin-right: 5px
}

.lotteryConfirm em em {
	color: red;
	margin: 5px
}

.chaseLayer {
	width: 420px;
	margin: 0;
	padding-left: 30px;
	margin-bottom: 35px
}

.code {
	border: 0;
	color: #e4393c;
	outline: none;
	width: 216px
}

.layermbox2 .layermchild {
	box-shadow: none;
	background-color: inherit
}

.laymshade {
	background-color: rgba(0, 0, 0, .05)
}

.header {
	font-size: 12px
}

.snav {
	height: 30px;
	line-height: 30px;
	background: #f8f8f8;
	border-bottom: 1px solid #e8e8e8;
}


.betHeader .snavAll a{
	 color: #fff;
}
.snavAll {
	float: left;
	padding-right: 20px
}

.snavAll a:hover{
	color: #e4393c;
}
.snavAll #Hi {
	cursor: default
}

.snavAll .betNavMore,
.snavAll ins {
	display: none
}

.snavAll i {
	font-size: 12px;
	padding-left: 3px
}

.snavAll table {
	position: absolute;
	margin: 0;
	font-size: 14px;
	color: #ff9600;
	display: block!important;
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	line-height: 30px;
	width: 330px;
	border-radius: 5px;
	cursor: default
}

.snavAll table th {
	width: 30%;
	text-align: center;
	line-height: 100px
}

.snavAll table td,
.snavAll table th {
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px dashed #ccc
}

.snavAll table td {
	width: 68%
}

.snavAll table td a {
	color: #333;
	padding: 5px 10px;
	border-radius: 3px;
	margin-bottom: 5px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	float: left;
	background: #fff;
	border: 1px solid #ececec;
	width: 80px;
	margin-right: 10px
}

.snavIndexLink {
	float: left
}

.snavInfo {
	float: right;
	height: 30px
}

.snavInfo li {
	display: inline-block;
	padding-left: 20px;
	color: #666;
}

.snavInfo li a{
	color: #666;
}
.snavInfo .service {
	margin-top: 3px
}

.userName {
	position: relative
}

.userName a {
	line-height: 30px;
	display: inline-block
}

.userName a img {
	width: 22px;
	height: 22px;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 5px;
	margin-bottom: 3px
}

.userName span {
	background: #ffba00;
	margin-left: 10px;
	padding: 2px 7px;
	text-shadow: 1px 1px 1px #333;
	font-size: 13px;
	border-radius: 2px;
	color: #fff
}

.nav {
	background: #e4393c;
	clear: both
}

.nav h3 {
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 10px
}

.nav h3 a {
	font-size: 0
}

.nav h3 a img {
	margin-top: 1px
}

.nav h3 a:nth-child(1) img {
	height: 50px
}

.navItem {
	float: left
}

.navItem li {
	float: left;
	text-align: center;
	width: 100px
}

.navItem li a {
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	line-height: 40px
}

.navItem .curr a,
.navItem li a:hover {
	background: #f34649
}

.logoCon {
	background: #fff
}

.serviceLink {
	background: url(http://imagess-google.com/system/pc/other/service.gif);
	color: #e4393c!important;
	display: block;
	background-position: 0 0;
	height: 25px;
	float: right;
	width: 87px;
	position: relative;
	margin-left: 25px
}

.serviceLink:hover {
	background-position: -87px 0
}

.serviceLink:hover i {
	background: #ca2528
}

.serviceLink:hover:after {
	border-right: 10px solid #ca2528
}

.serviceLink:hover {
	text-decoration: blink!important;
	color: #f77e80!important
}

.accountList,
.messageShow {
	box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

.userName .cardIcon i {
	border: none;
}

.accountList i {
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
	margin-left: 36px;
	margin-top: -10px
}

.accountList {
	position: absolute;
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: -16px;
	z-index: 20
}

.accountList a {
	color: #666;
	display: block;
	padding: 0 5px;
	width: 80px;
	text-align: center;
	line-height: 24px
}

.messageShow i {
	margin-left: 114px;
	margin-top: -15px
}

.messageShow {
	background: #fff;
	padding: 10px;
	position: absolute;
	color: #333;
	width: 260px;
	line-height: 20px;
	border-radius: 2px;
	border: 1px solid #ddd;
	right: -119px;
	box-sizing: border-box;
	z-index: 99
}

.messageShow dl {
	margin: 0
}

.messageShow dt {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px
}

.messageShow dt p {
	width: 100px;
	float: left;
	margin: 0
}

.messageShow dt p small {
	font-weight: 700;
	color: #f06701;
	font-size: 13px
}

.messageShow dt p+a {
	line-height: 20px
}

.messageShow dt a {
	color: #333;
	float: right
}

.messageShow dd {
	padding-top: 5px;
	margin: 0
}

.messageShow dd p {
	margin: 0
}

.messageShow dd p a {
	color: #f06701
}

.getMoney,
.showMoney {
	border: 1px dotted #6b6b6b;
	display: inline-block;
	box-sizing: border-box;
	line-height: 18px;
	padding: 0 3px
}

.getMoney i,
.showMoney i {
	display: inline-block
}

.vertical {
	position: absolute;
	height: 15px;
	width: 1px;
	background: #d7d7d7;
	margin-top: 8px;
	margin-left: 12px
}

.pingLink {
	padding-left: 5px
}

.pingLink:hover {
	text-decoration: underline
}

.pingLink:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	background: url(http://imagess-google.com/system/common/other/greenball.png) no-repeat;
	height: 12px;
	width: 12px;
	background-size: 11px;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.head10 .logoCon {
	height: 95px;
	background-color: #e73b3b
}

.head10 .nav {
	background-color: #d21e1e
}

.head10 .serviceLink {
	float: right;
	margin-top: 15px;
	background-position: 0 -26px
}

.head10 .logoL {
	width: 800px
}

.head10 .logoL a {
	font-size: 0;
	line-height: 0;
	display: block;
	float: left
}

.head10 .logoL a:first-child img {
	height: 62px;
	margin-top: 6.5px;
	display: block;
	max-height: 54px
}

.head10 .logoL a:nth-child(2) {
	float: right
}

.head10 .logoL a:nth-child(2) img {
	width: 300px;
	height: 92px;
	margin-top: -10px
}

.head10 .logo {
	position: relative
}

.head10 .logoL:after {
	content: "";
	position: absolute;
	right: 230px;
	top: 3px;
	width: 300px;
	height: 92px;
	display: none
}

.head10 .serviceLink:hover {
	background-position: -87px -26px
}

.head10 .nav {
	height: 42px
}

.head10 .navItem li {
	width: 130px
}

.head10 .navItem li a {
	line-height: 42px;
	padding: 0 10px;
	position: relative
}

.head10 .navItem li a:after {
	content: "";
	position: absolute;
	background: #ec6262;
	left: 0;
	top: 14px;
	width: 1px;
	height: 18px
}

.head10 .navItem .curr a,
.head10 .navItem li a:hover {
	background: none
}

.head10 .navItem .curr,
.head10 .navItem li:hover {
	background: #ca1a0d
}

.head10 .navItem .curr+li a:after,
.head10 .navItem .curr a:after,
.head10 .navItem li:hover+li a:after,
.head10 .navItem li:hover a:after {
	background: none
}

.head10 .navItem li:first-child a:after {
	background: none!important
}

.head10 #navIndex a:before {
	content: "\E648"
}

.head10 #navLottery a:before {
	content: "\E64C"
}

.head10 #navActivity a:before {
	content: "\E64D"
}

.head10 #navMobile a:before {
	content: "\E64E"
}

.head10 #navSecurityCenter a:before {
	content: "\E64F"
}

.head10 #navHelp a:before {
	content: "\E650"
}

.head10 #Collaboration a:before {
	content: "\E61B"
}

.head10 .navItem li a:before {
	font-size: 19px;
	margin-right: 6px;
	margin-top: 10px;
	font-family: iconfont;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	display: inline-block;
	height: 19px;
	width: 19px;
	vertical-align: top;
	line-height: 19px
}

.head9 .nav,
.head9 .nav .container,
.head9 .navItem,
.head9 .navItem li,
.head9 .navItem li a {
	height: 60px
}

.head9 .navItem {
	margin-top: 0
}

.head9 .navItem li {
	width: 122px;
	position: relative
}

.head9 .navItem li a {
	line-height: 60px!important;
	position: absolute;
	font-size: 15px;
	width: 144px;
	margin-left: -9px;
	z-index: 1
}

.head9 .navItem li:after,
.head9 .navItem li:before {
	content: "";
	height: 1px;
	width: 36px;
	background: #e85658;
	position: absolute;
	z-index: 1;
	left: -15px
}

.head9 .navItem li:before {
	-webkit-transform: rotate(125deg);
	transform: rotate(125deg);
	bottom: 15px
}

.head9 .navItem li:after {
	-webkit-transform: rotate(-125deg);
	transform: rotate(-125deg);
	top: 15px
}

.head9 .curr a,
.head9 .navItem a:hover {
	background: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAJEAAAA8BAMAAACUdEUgAAAAIVBMVEUAAADZNzPaPDfZNzPnREDUMCrWMy7jPzvYNTDfOzfcODVM0F+3AAAABHRSTlMAVaqquw+UVAAAAQhJREFUWMPllzEOgkAQRXcxGD0AR+AI3GAVtaIwIUtlQQihssDeQqgt2N5C72npbKOJ/xcb/R3NT16y82ZQWW9yIyK+Pscd1SuL2nyfzUGJVAZIJZvSHmg6eXh7BK9QIi2C18qmZELwrqIpQvC2Hl6D4DWyKb4DTaubaNIlglcqkRHBG2XTHMFbS7wIwcs9vBTBcx5ejeB5QrAGiH0vhAB81yF4XfC+4wnBTYgQPN/9thCWPCEMCN7g4V0QvLPce9gzZ44eXwcZpijmHcVXecJaL9oiL9wynyV/VDQ2vswTiq+5GU29MboO+CtKI2tzV9Bve/x/g34T4ALnOS5wgWN3b3gCf/yLwJ8oX/Uc50ebUwAAAABJRU5ErkJggg==) no-repeat;
	color: #fedf50
}

.head9 .nav h3 {
	line-height: 0;
	height: 60px
}

.head9 .nav h3 a img {
	margin-top: 6px
}

.head8 .nav {
	height: 70px;
	border-top: 3px solid #f29c9e
}

.head8 h3 {
	height: 65px;
	padding: 5px 15px
}

.head8 h3 img {
	width: auto;
	margin-top: 0!important
}

.head8 .nav .container {
	height: 67px;
	border-top: 2px solid #dd3639
}

.head8 .nav .container .navItem a {
	line-height: 30px!important;
	font-size: 14px!important;
	margin: 0;
	height: 65px;
	position: absolute;
	z-index: 5;
	width: 126px
}

.head8 .nav .container .navItem li {
	position: relative
}

.head8 .nav .container .navItem .curr a,
.head8 .nav .container .navItem li a:hover {
	background-color: inherit!important;
	color: #fedf50
}

.head8 .nav .container .navItem {
	height: 65px;
	border-right: 1px solid #e85759;
	border-left: 1px solid #de2e31
}

.head8 .nav .container .navItem li {
	height: 65px;
	width: 126px;
	border-left: 1px solid #e85759;
	border-right: 1px solid #de2e31
}

.head8 .navItem {
	position: relative
}

.head8 .navItem span {
	display: block;
	width: 126px;
	height: 70px;
	background-color: #ed494c;
	transition: .5s;
	transition: -webkit-transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s;
	transition: transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s;
	transition: transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s, -webkit-transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s;
	position: absolute;
	left: 0;
	bottom: 0;
	border-top: 3px solid #fa7e00;
	box-shadow: 1px 0 5px rgba(0, 0, 0, .17);
	-webkit-transform: translateX(504px);
	transform: translateX(504px)
}

.head8 .navItem span:before {
	content: "";
	display: block;
	height: 2px;
	background: #e64548;
	width: 126px
}

.head8 .navItem li a:before {
	font-size: 19px;
	font-family: iconfont;
	display: block;
	text-align: center;
	width: 100%;
	height: 19px;
	line-height: 19px;
	margin-top: 10px;
	color: #f7c4c5
}

.head8 #navIndex a:before {
	content: "\E651"
}

.head8 #navLottery a:before {
	content: "\E652"
}

.head8 #navActivity a:before {
	content: "\E653"
}

.head8 #navMobile a:before {
	content: "\E654"
}

.head8 #navSecurityCenter a:before {
	content: "\E655"
}

.head8 #navHelp a:before {
	content: "\E656"
}

.head8 #Collaboration a:before {
	content: "\E61C"
}

.head8 li:nth-child(1):hover~span {
	-webkit-transform: translateX(0)!important;
	transform: translateX(0)!important
}

.head8 li:nth-child(2):hover~span {
	-webkit-transform: translateX(126px)!important;
	transform: translateX(126px)!important
}

.head8 li:nth-child(3):hover~span {
	-webkit-transform: translateX(252px)!important;
	transform: translateX(252px)!important
}

.head8 li:nth-child(4):hover~span {
	-webkit-transform: translateX(378px)!important;
	transform: translateX(378px)!important
}

.head8 li:nth-child(5):hover~span {
	-webkit-transform: translateX(504px)!important;
	transform: translateX(504px)!important
}

.head8 li:nth-child(6):hover~span {
	-webkit-transform: translateX(630px)!important;
	transform: translateX(630px)!important
}

.head8 li:nth-child(1).curr~span {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.head8 li:nth-child(2).curr~span {
	-webkit-transform: translateX(126px);
	transform: translateX(126px)
}

.head8 li:nth-child(3).curr~span {
	-webkit-transform: translateX(252px);
	transform: translateX(252px)
}

.head8 li:nth-child(4).curr~span {
	-webkit-transform: translateX(378px);
	transform: translateX(378px)
}

.head8 li:nth-child(5).curr~span {
	-webkit-transform: translateX(504px);
	transform: translateX(504px)
}

.head8 li:nth-child(6).curr~span {
	-webkit-transform: translateX(620px);
	transform: translateX(620px)
}

.head7 .nav,
.head7 h3 {
	height: 60px
}

.head7 h3 {
	padding: 5px 15px
}

.head7 h3 img {
	width: auto;
	margin-top: 0!important
}

.head7 .nav .container .navItem a {
	line-height: 16px!important;
	font-size: 16px!important;
	padding: 10px 0;
	margin: 0
}

.head7 .nav .container .navItem li {
	position: relative
}

.head7 .nav .container .navItem .curr a,
.head7 .nav .container .navItem li a:hover {
	background-color: inherit!important;
	color: #fedf50
}

.head7 .nav .container .navItem {
	margin-top: 11px
}

.head7 .nav .container .navItem li {
	height: 38px
}

.head7 .navItem {
	position: relative
}

.head7 .navItem span {
	display: block;
	width: 80px;
	height: 2px;
	background-color: #fedf50;
	transition: .5s;
	transition: -webkit-transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s;
	transition: transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s;
	transition: transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s, -webkit-transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s;
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: 10px
}

.head7 .navItem span:after {
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 35px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #fedf50;
	transition: 2s
}

.head7 li:nth-child(1):hover~span {
	-webkit-transform: translateX(0)!important;
	transform: translateX(0)!important
}

.head7 li:nth-child(2):hover~span {
	-webkit-transform: translateX(100px)!important;
	transform: translateX(100px)!important
}

.head7 li:nth-child(3):hover~span {
	-webkit-transform: translateX(200px)!important;
	transform: translateX(200px)!important
}

.head7 li:nth-child(4):hover~span {
	-webkit-transform: translateX(300px)!important;
	transform: translateX(300px)!important
}

.head7 li:nth-child(5):hover~span {
	-webkit-transform: translateX(400px)!important;
	transform: translateX(400px)!important
}

.head7 li:nth-child(6):hover~span {
	-webkit-transform: translateX(500px)!important;
	transform: translateX(500px)!important
}

.head7 li:nth-child(7):hover~span {
	-webkit-transform: translateX(600px)!important;
	transform: translateX(600px)!important
}

.head7 li:nth-child(1).curr~span {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.head7 li:nth-child(2).curr~span {
	-webkit-transform: translateX(100px);
	transform: translateX(100px)
}

.head7 li:nth-child(3).curr~span {
	-webkit-transform: translateX(200px);
	transform: translateX(200px)
}

.head7 li:nth-child(4).curr~span {
	-webkit-transform: translateX(300px);
	transform: translateX(300px)
}

.head7 li:nth-child(5).curr~span {
	-webkit-transform: translateX(400px);
	transform: translateX(400px)
}

.head7 li:nth-child(6).curr~span {
	-webkit-transform: translateX(500px);
	transform: translateX(500px)
}

.head7 li:nth-child(7).curr~span {
	-webkit-transform: translateX(600px);
	transform: translateX(600px)
}

.head5 .navItem li {
	width: 130px
}

.head5 .navItem li a {
	line-height: 46px;
	padding: 0 10px;
	position: relative
}

.head5 .navItem li a:after {
	content: "";
	position: absolute;
	background: #ec6262;
	left: 0;
	top: 14px;
	width: 1px;
	height: 18px
}

.head5 .navItem .curr a,
.head5 .navItem li a:hover {
	background: none
}

.head5 .navItem .curr,
.head5 .navItem li:hover {
	background: #da291c
}

.head5 .navItem .curr+li a:after,
.head5 .navItem .curr a:after,
.head5 .navItem li:hover+li a:after,
.head5 .navItem li:hover a:after {
	background: none
}

.head5 .navItem li:first-child a:after {
	background: none!important
}

.head5 #navIndex a:before {
	content: "\E648"
}

.head5 #navLottery a:before {
	content: "\E64C"
}

.head5 #navActivity a:before {
	content: "\E64D"
}

.head5 #navMobile a:before {
	content: "\E64E"
}

.head5 #navSecurityCenter a:before {
	content: "\E64F"
}

.head5 #navHelp a:before {
	content: "\E650"
}

.head5 #Collaboration a:before {
	content: "\E61B"
}

.head5 .navItem li a:before {
	font-size: 19px;
	margin-right: 6px;
	font-family: iconfont;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	display: inline-block
}

.service {
	display: none
}

.head6 {
	border-bottom: 3px solid #e4393c
}

.head6 .nav {
	background: #f34649
}

.head6 .navItem a {
	position: relative;
	line-height: 40px;
	height: 37px
}

.head6 .navItem .curr a,
.head6 .navItem li:hover a {
	background: #e4393c
}

.head6 .navItem .curr a:after,
.head6 .navItem li:hover a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -3px;
	left: 0;
	background: #be1c1f
}

.head4 .navItem {
	margin-top: 0;
	padding-top: 20px
}

.head4 .navItem li a:after {
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	width: 100%;
	text-align: center;
	left: 0;
	top: 0;
	opacity: .5;
	font-family: SimSun;
	margin-top: 22px
}

.head4 #navIndex a:after {
	content: "HOME"
}

.head4 #navLottery a:after {
	content: "LOTTERY"
}

.head4 #navActivity a:after {
	content: "ACTIVITY"
}

.head4 #navMobile a:after {
	content: "MOBILE"
}

.head4 #navSecurityCenter a:after {
	content: "ACCOUNT"
}

.head4 #navHelp a:after {
	content: "HELP"
}

.head4 .navItem li {
	width: 110px;
	position: relative;
	height: 32px;
	border-left: 1px solid #e74d50;
	box-shadow: -1px 0 0 #dd383a;
	overflow: hidden
}

.head4 .navItem li:last-child {
	border-right: 1px solid #e74d50;
	box-shadow: -1px 0 0 #dd383a
}

.head4 .navItem .curr+li,
.head4 .navItem li:hover+li {
	box-shadow: none
}

.head4 .navItem a {
	line-height: 16px;
	position: relative;
	font-size: 16px
}

.head4 .serviceLink {
	float: right
}

.head4 .nav h3 a img {
	margin-top: 10px
}

.head4 .service {
	display: initial!important
}

.head4 .navItem .curr a,
.head4 .navItem li:hover a {
	background: none;
	color: #fedf50
}

.head3 .navItem {
	margin-top: 0
}

.head3 .navItem li {
	width: 100px;
	position: relative
}

.head3 .navItem li:before,
.head3 .navItem li:last-child:after {
	content: "";
	height: 1px;
	width: 62px;
	background: #ea5154;
	position: absolute;
	bottom: 30px;
	-webkit-transform: rotate(110deg);
	transform: rotate(110deg);
	z-index: 1;
	box-shadow: 1px 1px 0 #d63234
}

.head3 .navItem li:last-child:after {
	right: -32px
}

.head3 .navItem li:before {
	left: -32px
}

.head3 .navItem a {
	line-height: 60px;
	position: relative;
	font-size: 15px
}

.head3 .curr a,
.head3 .navItem a:hover {
	background: none!important;
	color: #fedf50
}

.head3 .serviceLink {
	float: right;
	margin-top: 17px;
	background-position: 0 -26px
}

.head3 .serviceLink:hover {
	background-position: -87px -26px
}

.head3 .nav h3 {
	line-height: 0
}

.head3 .nav h3 a img {
	margin-top: 6px
}

.head3 .service {
	display: none!important
}

.head3 .navItem .curr a {
	background: initial
}

.head2 .nav,
.head2 h3 {
	height: 70px
}

.head2 h3 {
	border-left: 1px solid #d82d30;
	border-right: 1px solid #d82d30;
	padding: 10px 15px
}

.head2 h3 img {
	width: auto;
	margin-top: 0!important
}

.head2 .nav .container .navItem a {
	line-height: 16px!important;
	font-size: 16px!important;
	padding: 0;
	margin: 10px 0
}

.head2 .nav .container .navItem .curr a,
.head2 .nav .container .navItem li a:hover {
	background-color: inherit!important;
	color: #fedf50
}

.head2 .nav .container .navItem {
	margin-top: 17px
}

.head2 .nav .container .navItem li {
	height: 38px
}

.head2 .nav .container .navItem li+li a {
	border-left: 1px solid #e96163
}

#HeaderTop .serviceLink {
	margin-top: 2px
}

.lottery #HeaderTop .serviceLink {
	margin-top: 8px
}

.betHeader {
	margin-bottom: 15px
}

.betHeader .userName img {
	height: 24px;
	width: 24px
}



.betHeader .snav .accountList a,
.betHeader .snav .messageShow a {
	color: #333
}

.betHeader .service {
	margin-top: 7px
}

.betHeader .service span {
	margin-top: -5px
}

.betHeader .snavAll a:first-child:after {
	cursor: pointer;
	content: "\8FD4\56DE\9996\9875";
	margin-left: 2px;
	font-family: Microsoft YaHei
}

.HoverPay .accountList {
	margin-left: -30px
}

.HoverPay .accountList a {
	height: 24px;
	overflow: hidden
}

.body {
	position: relative
}

.cardBox {
	position: absolute;
	z-index: 119;
	background: #fff;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .4s
}

.fade-enter,
.fade-leave-active {
	opacity: 0
}

.spread {
	cursor: default
}

.footer {
	width: 100%;
	overflow: hidden;
	background: #fff;
	box-sizing: border-box;
}

.footer>div>p {
	color: #999;
	margin: 0;
	margin: 10px 5px;
	text-align: center
}

.footer>div>p a {
	color: #333;
	padding: 0 10px;
	line-height: 1.4;
	margin: 5px 0
}

.footer>div>p a:first-child {
	padding-left: 0
}

.footer .container {
	height: 100px
}

.footer .aboutText {
	padding: 10px 0 20px
}

.slideUser {
	width: 150px;
	float: left;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 20px 10px;
	background: #fbfbfb;
	min-height: 719px;
}

.slideUser .sildeSession:last-child {
	border: none
}

.sildeSession {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ddd
}

.sildeSession h3 {
	display: block;
	height: 32px;
	margin: 0;
	line-height: 32px;
	font-size: 14px;
	color: #253647;
	font-weight: 700;
	margin-bottom: 8px
}

.sildeSession h3 span {
	font-family: iconfont;
	font-size: 14px;
	font-style: normal;
	padding: 10px;
	color: #2e4158
}

.sildeSession li {
	line-height: 28px
}

.sildeSession li a {
	padding-left: 36px;
	line-height: 25px
}

.announcementList li a:hover,
.checkedList a:hover,
.footer>div>p a:hover,
.LoginOut:hover,
.messageShow dt p:hover,
.mybet a:hover,
.noticCon ul a:hover,
.sildeSession a:hover,
.snavInfo a:hover,
.userTitle span:hover {
	color: #e4393c!important;
	text-decoration: underline
}

.accountDetail a:hover,
.invitationCode table a:hover,
.invitationCode table span:hover,
.searchDetail .betNum+a:hover,
.searchDetail a:hover {
	text-decoration: underline
}

.mainColor {
	color: #e4393c
}

.container {
	width: 1000px;
	margin: 0 auto
}

.containerUser {
	padding-top: 15px
}

.activitySort,
.helpCenter,
.lotterySort,
.otherSort,
.safeSort {
	background: #eee
}

.userRight {
	float: left;
	width: 840px;
	box-sizing: border-box;
	margin-left: 10px
}

.userTitle {
	border: 1px solid #ddd;
	background: #f8f8f8;
	line-height: 32px;
	font-weight: 700;
	font-size: 14px;
	padding-left: 10px;
	color: #050505;
	background: #fbfbfb
}

.userTitle span {
	cursor: pointer;
	font-weight: 100;
	color: #333
}

.userMain {
	border: 1px solid #ddd;
	min-height: 675px;
	background: #fff;
}

.resetForm,
.submitBtn {
	display: inline-block;
	line-height: 30px;
	color: #fff;
	height: 30px;
	padding: 0 15px;
	border-radius: 3px;
	font-size: 14px;
	margin-right: 10px;
	min-width: 55px;
	text-align: center;
	cursor: pointer;
	background: #2e4158;
	margin: 10px 0
}

.submitBtn:hover {
	background: #3e5779;
	color: #fff
}

.mainColorBtn {
	display: inline-block;
	line-height: 30px;
	color: #fff!important;
	padding: 0 15px;
	border-radius: 3px;
	font-size: 14px;
	margin-right: 10px;
	min-width: 55px;
	text-align: center;
	cursor: pointer;
	background: #e4393c;
	margin: 10px 0
}

.mainColorBtn:hover {
	background: #ce1c1f;
	color: #fff
}

.submitBtnBig {
	width: 130px;
	line-height: 36px
}

.resetForm {
	color: #fff!important;
	margin-left: 20px;
	height: 36px
}

.queue {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding-bottom: 35px;
	padding: 35px 45px;
	box-sizing: border-box
}

.queue li {
    position: relative;
    display: table-cell;
    box-shadow: 0 4px 0 #e3e3e3;
    box-sizing: content-box;
}

.queue li:first-child span {
	margin-left: 0
}

.queue li:last-child {
	border: 1px solid #fff;
	box-shadow: 0 4px 0 #fff;
	width: 10px
}

.queue span {
	font-size: 12px;
	line-height: 55px;
	margin-left: -15px
}

.queue i {
	position: absolute;
	background: #fff;
	width: 6px;
	height: 6px;
	display: block;
	border-radius: 50%;
	border: 5px solid #e3e3e3;
	bottom: -10px;
	left: -5px
}

.queue .right {
	border-bottom: 1px solid #4aa9db;
	box-shadow: 0 4px 0 #4aa9db
}

.queue .right i {
	border: 5px solid hsla(0, 0%, 100%, 0);
	font-family: iconfont;
	color: #4aa9db;
	background: #fff;
	bottom: -10px;
	line-height: 6px;
	font-size: 16px;
	width: 3px
}

.queue .right i:before {
	content: "\E60B";
	margin-left: -6px
}

.queue .now span,
.queue .right span {
	color: #4aa9db
}

.queue .now i {
	border: 3px solid #4aa9db;
	width: 10px;
	height: 10px
}

.userInput {
	height: 30px;
	line-height: 20px;
	padding: 5px;
	border: 1px solid #cecece;
	width: 233px;
	color: #666;
	margin: 10px 0;
}

.userTip {
	border: 1px solid #f8e2b9;
	background: #fffdeb;
	color: #f46e00;
	padding: 0 10px;
	line-height: 24px
}

.userTip i:before {
	content: "\E60F";
	font-family: iconfont;
	font-style: normal;
	margin: 0 5px;
	font-size: 14px
}

.userTip p {
	margin: 10px!important
}

.submitContent ins {
	text-decoration: none
}

.submitContent ins .money {
	color: #e4393c;
	display: inline-block;
	font-size: 16px;
	font-weight: 700
}

.submitContent li {
	color: #000;
	line-height: 36px;
	margin-bottom: 4px
}

.bankAuto{
	width:233px;
	height:30px;
	margin-left:5px;
}
.submitContent li>span {
	color: #666;
	display: inline-block;
	width: 144px;
	text-align: right;
	padding-right: 20px;
	font-size: 12px
}

.submitContent li input {
	vertical-align: middle;
	font-size: 12px
}

.submitContent li input:first-child {
	margin-left: 3px;
	border: 1px solid #ccc;
}

.layui-form-select .layui-input{
	height:30px;
	line-height: 30px;
	width:233px;
	margin-left:  5px;
}
.submitContent li input[type=radio] {
	margin: 11px 5px;
	vertical-align: sub
}

.submitContent li a[notSubmit=yes] {
	margin-left: 8px;
	color: #e4393c
}

.submitContent li .textareaTtile {
	vertical-align: top
}

.submitContent li textarea {
	border: 1px solid #cecece;
	line-height: 1.4;
	padding: 5px;
	margin-right: 5px
}

.submitContent li .bankblockList {
	width: 78%;
	display: inline-block;
	vertical-align: top
}

.submitContent li .codes {
	width: 100px;
	margin-right: 10px
}

.submitContent li input[type=image] {
	margin-right: 10px
}

.submitContent li input[disabled] {
	background: #f8f8f8;
	color: #aaa
}

.submitContent li i {
	font-size: 13px;
	color: #333;
	right: 15px
}

.submitContent .btn {
	width: 85px;
	background: #eee;
	vertical-align: middle;
	padding: 0;
	cursor: pointer;
	position: absolute;
	left: 288px;
	top: 11px;
	margin: 0
}

.submitContent .btn a {
	display: inline-block;
	width: 100%;
	vertical-align: super
}

.submitContent .btn.SendCode {
	left: 295px
}

.submitContent .btn,
.submitContent .btn a {
	height: 28px;
	line-height: 30px;
	text-align: center
}

.submitContent .codeImg {
	position: absolute;
	top: 10px;
	left: 299px;
	height: 30px;
	width:100px;
}

input[readonly=readonly] {
	color: #999
}

.verifyRight,
.verifyWrong {
	font-style: inherit;
	margin-left: 8px;
	line-height: 35px
}

.verifyRight i,
.verifyWrong i {
	font-family: iconfont;
	font-style: inherit;
	padding: 0 5px;
	font-size: 14px
}

.verifyRight ins,
.verifyWrong ins {
	text-decoration: none
}

.verifyWrong {
	color: red
}

.verifyWrong i {
	color: red!important
}

.verifyRight {
	color: #71b83d
}

.verifyRight i {
	color: #71b83d!important
}

.verifyWrong i:after {
	content: "\E60D"
}

.verifyRight i:after {
	content: "\E60B"
}

.todayView {
	display: table;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #000;
	line-height: 50px;
	background: #f8f8f8
}

.todayView li {
	display: table-cell
}

.todayView li i:before {
	content: "\E607";
	font-family: iconfont;
	font-style: normal;
	font-size: 16px;
	margin: 0 5px;
	color: #666;
	vertical-align: baseline
}

.todayView li:first-child {
	font-weight: 700
}

.todayView li span {
	color: #e4393c
}

.todayView em {
	margin-left: 12px;
	font-weight: 700
}

.todayView input {
	width: 150px
}

.userSelect {
	height: 30px;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 90px;
	line-height: 28px;
	border: 1px solid #cecece;
	color: #666;
	padding: 0 5px;
	/* background: #fff; */
	border-radius: 0;
	padding: 0;
}

.selectIcon {
	position: relative
}

.selectIcon em {
	right: 6px;
	top: 3px;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #999;
	display: none\0/IE89
}

.searchFirst {
	display: table;
	width: 100%;
	text-align: center;
	line-height: 76px;
	font-weight: 700;
	background: #f8f8f8;
	border-bottom: 1px solid #e3e3e3
}

.searchFirst li {
	display: table-cell;
	vertical-align: middle
}

.searchFirst li span {
	font-size: 14px;
	color: #000
}

.userSearch {
	background: #fff;
	border: 1px solid #cecece;
	height: 30px;
	line-height: 29px;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	color: #666;
	margin-right: 5px
}

.userSearch.active {
	border-color: #4aa9db;
	outline: 1px solid #4aa9db
}

.searchOpt {
	font-size: 14px;
	color: #000;
	text-align: left;
	background: #f8f8f8;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 10px
}

.selectBox{
	opacity: 1;
	height:30px;
	border: 1px solid #cecece;
	position:relative;
	color:#666;
	border-radius: 2px;
}
.searchOpt input {
	margin: 10px 0;
	margin-right: 2px
}

.searchOpt span {
	margin-left: -32px;
	padding-right: 18px
}

.searchOpt span:after {
	font-family: iconfont;
	content: "\E60E"
}

.searchOpt .time {
	padding-right: 18px
}

.seekDetail {
	border-top: 1px solid #ddd
}

.seekDetail tr {
	line-height: 36px!important
}

.searchDetail table {
	width: 100%;
	text-align: center
}

.searchDetail table th {
	border-bottom: 1px solid #e3e3e3
}

.searchDetail table th:nth-child(3) {
	width: 170px
}

.searchDetail table tr {
	line-height: 36px;
	border-bottom: 1px dotted #e3e3e3
}

.searchDetail table tr a {
	color: #e4393c
}

.searchDetail .betNum {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 auto;
	display: inline-block;
	width: 100px;
	vertical-align: bottom
}

.searchDetail .betNum+a {
	display: inline-block;
	line-height: 0
}

.betDetail {
	table-layout: fixed;
	border: none!important
}

.betDetail tr {
	line-height: 36px!important
}

.betDetail tr td:first-child {
	width: 145px
}

.betDetail tr td:nth-child(2) {
	width: 170px
}

.resultTitle {
	table-layout: fixed;
	background: #f8f8f8
}

.resultTitle th {
	background: #f8f8f8;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	padding: 15px
}

.resultTitle tr:first-child th {
	border-bottom: 1px solid #e3e3e3
}

.resultTitle h2 {
	font-size: 16px;
	padding-bottom: 10px;
	margin: 0
}

.resultTitle p {
	font-size: 12px;
	margin: 0;
	line-height: 30px
}

.resultTitle p i {
	/* color: #e4393c */
}

.resultTitle p .fucBtn {
	width: 100%;
	display: block;
	word-wrap: break-word;
	word-break: normal
}

.resultTitle p .cancel {
	display: inline-block;
	width: auto
}

.resultTitle ._zheader {
	height: 154px
}

.resultTitle ._zheader+tr>th:first-child {
	width: 93px
}

.keeyPlanCon {
	max-height: 120px;
	display: inline-block;
	overflow: auto;
	padding: 0!important;
	margin: 10px 0!important;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background: #fff
}

.keeyPlan {
	border: 1px solid #e3e3e3;
	border-top: none;
	border-bottom: none
}

.keeyPlan,
.keeyPlan th {
	background: #fff;
	text-align: center
}

.keeyPlan th {
	padding: 0;
	font-weight: 700;
	line-height: 30px;
	border-top: none
}

.keeyPlan td {
	font-size: 12px
}

.keeyPlan .betNum {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 auto;
	display: inline-block;
	width: 300px;
	vertical-align: bottom
}

.page {
	width: 95%;
	display: table;
	padding: 10px 2.5%
}

.page p {
	display: table-cell
}

.page p em {
	font-style: inherit;
	color: #e4393c;
	padding: 3px
}

.pageNav {
	text-align: right
}

.pageNav span:last-child a {
	border-right: 1px solid #ddd
}

.pageNav a {
	border: 1px solid #ddd;
	border-right: 0;
	padding: 6px 11px
}

.pageNav .active,
.pageNav a:hover {
	background: #eee
}

.accountDetail table {
	width: 100%;
	text-align: center
}

.accountDetail table th {
	border-bottom: 1px solid #e3e3e3;
	font-size: 12px;
}

.accountDetail table tr {
	line-height: 36px;
	border-bottom: 1px dotted #e3e3e3;
	font-size: 12px;
}

.accountDetail table tr a {
	color: #4aa9db
}

.accountDetail table tr .xiaji {
	color: #e4393c
}

.accountDetail table tbody:nth-child(2) td:nth-child(1) {
	color: #4aa9db
}

.manage a {
	margin: 0 6px;
	font-size: 16px
}

.manage a:hover {
	text-decoration: underline
}

.BillRecord {
	table-layout: fixed
}

.BillRecord td:first-child,
.BillRecord td:nth-child(2) {
	width: 150px
}

.BillRecord td:nth-child(3),
.BillRecord td:nth-child(4),
.BillRecord td:nth-child(5),
.BillRecord td:nth-child(6) {
	width: 97px
}

.BillRecord td:nth-child(7) {
	width: 150px
}

.RechargeRecord {
	table-layout: fixed
}

.RechargeRecord td {
	width: 134px
}

.RechargeRecord td:first-child,
.RechargeRecord td:nth-child(2) {
	width: 151px
}

.WithdrawRecord {
	table-layout: fixed
}

.WithdrawRecord td {
	width: 113px
}

.WithdrawRecord td:first-child {
	width: 137px
}

.WithdrawRecord td:nth-child(6) {
	width: 136px
}

.stepBox {
	border: 1px solid #ddd;
	margin: 10px;
	padding: 16px 20px
}

.stepBox .alipayee {
	margin: 40px
}

.stepBox .alipayee ins:nth-child(2) {
	color: #e4393c
}

.stepBox .bankStyle ins:first-child {
	width: 12%
}

.stepBox .bankStyle span {
	font-weight: 100!important
}

.stepBox>em {
	font-family: iconfont;
	font-size: 22px;
	color: #2e4158;
	margin-right: 5px
}

.stepBox>span {
	font-size: 14px;
	text-align: center
}

.stepBox>ul {
	display: table;
	width: 100%;
	margin-top: 13px;
	table-layout: fixed;
	margin-bottom: 13px
}

.stepBox>ul>li {
	display: table-row;
	line-height: 26px
}

.stepBox>ul>li ins {
	text-decoration: blink;
	display: table-cell
}

.stepBox>ul>li ins:first-child,
.stepBox>ul>li ins:nth-child(2) {
	width: 33.33333%
}

.stepBox>ul>li ins:nth-child(3) a {
	color: #4aa9db
}

.stepBox>ul>li ins span {
	font-weight: 700
}

.stepBox>ul h6 {
	display: table-caption;
	text-align: center
}

.stepBox p {
	margin-top: 0;
	margin-bottom: 0
}

.stepBox .erweima img {
	width: 100px;
	height: inherit;
	vertical-align: top
}

.stepBox .verifyRight,
.stepBox .verifyWrong {
	display: block
}

.stepBox .verifyRight ins,
.stepBox .verifyWrong ins {
	width: auto;
	display: inline
}

.quickPay .verifyRight,
.quickPay .verifyWrong {
	display: inline-block
}

.quickPay .bankblockList {
	margin-left: -5px
}

.quickPay .submitContent li:nth-child(2) span {
	font-weight: 700
}

.bankTable {
	overflow: hidden
}

.bankTable+li ins {
	padding-top: 6px
}

.bankTable ins:first-child {
	vertical-align: middle
}

.bankTable .bankblockList {
	width: 518px
}

.bankTable .bankblockList>div:nth-child(4n+1) {
	margin-left: 0
}

.selectBankCon {
	display: inline;
	position: relative
}

.selectBankCon i {
	position: absolute
}

.selectBank {
	border: 1px solid #ddd;
	display: inline-block;
	padding: 0 20px;
	padding-right: 40px;
	color: #000;
	line-height: 30px;
	cursor: pointer;
	border-radius: 2px
}

.selectBank i:before {
	content: "\E610";
	font-family: iconfont;
	font-style: normal;
	padding-left: 10px
}

.selectBank span {
	width: auto!important
}

.selectBank ins {
	display: none;
	width: 77px;
	text-align: center
}

.bankList {
	position: absolute;
	background: #fff;
	border: 1px solid #ddd;
	width: 380px!important;
	padding: 10px 20px;
	margin-top: -3px;
	left: 0;
	box-shadow: 2px 2px 4px #999
}

.bankList li {
	border-bottom: 1px dotted #ccc;
	cursor: pointer
}

.bankList li:hover {
	box-shadow: 2px 2px 2px #999;
	outline: 1px solid #eee
}

.bankList li ins {
	line-height: 1.4
}

.bankList li ins,
.iconBank {
	display: inline-block;
	vertical-align: middle
}

.iconBank {
	box-sizing: border-box;
	background: url(http://imagess-google.com/system/common/bank/ui-bank.png) no-repeat;
	border: 1px solid #fff;
	overflow: hidden;
	height: 30px;
	margin: 10px 0;
	width: 126px
}

.bankABC {
	background-position: 5px 0!important
}

.bankBOC {
	background-position: 5px -75px!important
}

.bankCCB {
	background-position: 5px -146px!important
}

.bankCEB {
	background-position: 5px -180px!important
}

.bankCITIC {
	background-position: 5px -218px!important
}

.bankCMB {
	background-position: 5px -253px!important
}

.bankCMBC {
	background-position: 5px -290px!important
}

.bankBCM {
	background-position: 5px -326px!important
}

.bankGDB {
	background-position: 5px -434px!important
}

.bankHXBANK {
	background-position: 5px -470px!important
}

.bankICBC {
	background-position: 5px -543px!important
}

.bankPSBC {
	background-position: 5px -756px!important
}

.bankSPABANK {
	background-position: 5px -866px!important
}

.bankSPDB {
	background-position: 5px -902px!important
}

.bankCIB {
	background-position: 5px -1046px!important
}

.bankTENPAY {
	background-position: 5px -1084px!important
}

.bankYFB {
	background-position: 5px -1155px!important
}

.bankHX {
	background-position: -37px -1236px!important
}

.bankCRCC {
	background-position: -2px -1276px!important
}

.bankYZB {
	background-position: -2px -1305px!important
}

.banked {
	background: url(../images/ui-bank.png) no-repeat;
	margin: 10px 0
}

.banked i {
	padding-left: 20px
}

.banked span {
	visibility: hidden
}

.banked ins {
	margin-left: 36px;
	display: inline-block
}

.safeTop {
	border-bottom: 1px dotted #ddd
}

.safeTop .star i {
	font-family: iconfont;
	font-style: inherit;
	font-size: 28px;
	color: #d5d5d5
}

.safeTop .star .curr {
	color: #ffb200
}

.safeTop .text {
	padding: 10px 0
}

.safeTop .text strong {
	font-weight: 400;
	font-size: 16px;
	color: #f06701
}

.safeTop .text p {
	color: #666;
	font-size: 12px;
	padding-top: 10px;
	margin: 0;
	padding: 0
}

.safeTop .text p a {
	color: #009000
}

.safeList li {
	padding: 0 15px;
	border: 1px solid #ddd;
	overflow: hidden;
	width: 100%;
	height: 52px;
	margin-bottom: 10px;
	display: table;
	border-radius: 6px
}

.safeList li:hover {
	border-color: #4aa9db
}

.safeList span {
	margin-top: 15px;
	width: 480px;
	padding-left: 20px;
	display: block
}

.safeList span p {
	margin: 0;
	padding: 0
}

.safeList .btn {
	display: inline-block;
	width: 160px;
	height: 80px;
	margin-top: -15px;
	display: table-cell;
	vertical-align: middle
}

.safeList .btn a {
	background: #f8f8f8;
	border: 1px solid #ccc;
	display: block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #ccc;
	text-align: center;
	font-size: 16px;
	color: #666;
	margin-top: 5px
}

.safeList .btn a:hover {
	background: #2e4158;
	color: #fff
}

.safeList .btn a:first-child {
	margin-top: 0
}

.safeList .iconfont {
	width: 50px;
	height: 50px;
	padding: 5px;
	background: #2e4158;
	float: left;
	text-align: center;
	border-radius: 5px;
	line-height: 40px;
	color: #fff;
	font-size: 28px;
	text-shadow: 2px 2px 2px #333;
	display: block;
	padding-top: 3px
}

.safeList .text {
	padding-left: 65px
}

.safeList .text strong {
	font-size: 14px;
	color: #253647
}

.safeList .noSet .iconfont {
	background: #908b8b
}

.safeList .noSet strong {
	color: #908b8b
}

.bonusTable {
	width: 100%;
	padding: 6px 50px;
	border-top: 1px dotted #e8e8e8;
	border-bottom: 1px dotted #e8e8e8;
	background: #fff;
}

.bonusTable ul {
	line-height: 32px;
}

.bonusTable ul li {
	float: left;
	vertical-align: middle
}

.bonusTable ul li:nth-child(1) {
	width: 130px;
	font-size: 14px;
}

.bonusTable input {
	width: 100px;
	margin: 0
}

.notice {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 316px;
	background: rgba(0, 0, 0, .2);
	color: #fff;
	z-index: 20
}

.noticCon {
	margin: 8px;
	background: #fff
}

.noticCon h3 {
	background: #e4393c;
	margin: 0;
	padding: 5px 8px
}

.noticCon h3 a {
	position: absolute;
	right: 20px;
	color: #fff;
	font-size: 12px;
	-webkit-transition-duration: .7s;
	transition-duration: .7s
}

.noticCon h3 a:hover {
	transform: rotate(180deg)
}

.noticCon>ul {
	text-align: center
}

.noticCon>ul a {
	color: #333
}

.noticCon>ul i:before {
	content: "\E615";
	font-family: iconfont;
	font-style: normal;
	color: #ff9600;
	font-size: 18px
}

.noticCon>ul li {
	padding: 10px;
	line-height: 1.4
}

.logo {
	height: 68px;
	padding: 10px 0
}

.logoL {
	float: left
}

.logoR {
	float: right;
	line-height: 48px;
	font-size: 14px;
	color: #e4393c;
	margin-top: 10px
}

.logoR em {
	margin-right: 10px
}

.logoR em i {
	padding-right: 4px
}

.logoR a {
	color: #e4393c
}

.logoR i {
	font-size: 22px
}

.logoR span {
	font-size: 12px;
	line-height: 30px;
	display: none
}

.ftadCon {
	background: #f8f8f8;
	border: 1px solid #dce1e5;
	border-left: none;
	border-right: none;
	height: 160px
}

.ftad {
	background-size: 998px;
	background-color: #f8f8f8;
	padding: 20px 0
}

.ftad>li {
	float: left;
	padding-left: 25px;
	height: 118px
}

.ftad>li p {
	margin: 0;
	font-size: 20px;
	font-weight: 700
}

.ftad>li p i {
	font-size: 14px;
	margin-left: 10px;
	font-weight: 100;
	color: #b8b8b8
}

.ftad>li+li {
	border-left: 1px solid #ebebeb
}

.ftad>li:nth-child(1) {
	width: 280px;
	padding-left: 0
}

.ftad>li:nth-child(2) {
	width: 440px
}

.ftad>li:nth-child(3) {
	width: 280px
}

.bindCard {
	padding: 24px
}

.bindCard .cardItem:last-child {
	margin-right: 0
}

.bindCard .cardItem:hover {
	border-radius: 5px;
	border: 1px solid #c9c9c9;
	box-shadow: 0 0 10px #c9c9c9
}

.bindCard .cardItem:nth-child(3n+3) {
	margin-right: 0
}

.bindCard .cardEmpty {
	box-shadow: none;
	border: 1px dashed #ddd;
	text-align: center;
	line-height: 152px;
	font-size: 14px;
	color: #4aa9db
}

.bindCard .cardEmpty:hover {
	box-shadow: none
}

.cardItem {
	float: left;
	border-radius: 5px;
	border: 1px solid #e4e4e4;
	box-shadow: 0 1px 1px #c9c9c9;
	box-sizing: border-box;
	width: 254px;
	position: relative;
	margin-right: 13px;
	margin-bottom: 13px;
	overflow: hidden;
}

.cardItem i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 20px!important;
	margin-right: 8px;
	vertical-align:  middle;
}

.cardItem .bankName {
	padding: 10px 0;
	margin: 0 14px;
	border-bottom: 1px dotted #d9d9d9;
	font-size: 14px
}

.cardItem .bankNum {
	position: absolute;
	top: 11px;
	right: 14px;
	text-align: right;
	font-size: 12px;
}

.cardItem .cardInfo {
	height: 42px;
	padding-top: 17px;
	width: 100%
}

.cardItem .cardInfo .cardStyle {
	width: 88px;
	height: 23px;
	color: #eee;
	font-weight: 100;
	text-align: center;
	float: left;
	background: #2e4158;
	border-radius: 0 3px 0 0;
	padding-left: 5px
}

.cardItem .cardInfo .cardStyle em {
	display: inline-block;
	width: 9px;
	height: 23px;
	border-left: 9px solid transparent;
	border-bottom: 20px solid #fff;
	float: right
}

.cardItem .cardInfo .cardOperation {
	width: 110px;
	height: 26px;
	line-height: 26px;
	padding-right: 14px;
	text-align: right;
	float: right
}

.cardItem .cardInfo .cardOperation a {
	margin-left: 5px
}

.cardItem .cardInfo .cardOperation a:hover{
	color:red;
}

.cardItem .cardTxt {
	margin-top: 62px;
	line-height: 24px;
	padding-left: 7px;
	color: #666;
	background: #f8f8f8;
	border-top: 1px solid #e7e7e7;
}

.cardItem .cardTxt em {
	float: right;
	padding-right: 15px;
}

.announcementList {
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	padding: 15px 30px;
	border: 1px solid #e3e3e3;
	min-height: 591px;
	background: #fff
}

.announcementList li {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dashed #ddd
}

.announcementList li span {
	width: auto;
	float: right;
	height: 35px;
	max-width: 20%;
	text-align: right;
	color: #666;
	line-height: 35px;
	overflow: hidden
}

.announcementList .page {
	width: 100%;
	padding: 20px 0
}

.bankblockList {
	font-size: 12px
}

.bankblockList .rb i {
	width: 30px;
	background-size: 14px;
	display: inline-block;
	margin-right: 4px;
	float: left;
	height: 32px;
	line-height: 32px;
	text-align: center
}

.bankblockList .rb i:before {
	content: "\E628";
	font-family: iconfont;
	color: #d3d3d3;
	font-size: 14px
}

.bankblockList .rb {
	float: left;
	width: 119px;
	height: 32px;
	border: 1px solid #d3d3d3;
	margin: 5px;
	cursor: pointer;
	position: relative
}

.bankblockList .rb span {
	background-size: 18px!important;
	padding-left: 24px;
	height: 32px;
	display: inline-block;
	vertical-align: top;
	line-height: 32px
}

.bankblockList .rb_active {
	border: 1px solid #4aa9db
}

.bankblockList .rb_active i {
	text-align: center;
	background-size: 16px!important
}

.bankblockList .rb_active i:before {
	content: "\E629";
	font-family: iconfont;
	color: #4aa9db;
	font-size: 14px;
	line-height: 30px
}

.bankblockList .rb_active em:before {
	content: "\E632";
	font-family: iconfont;
	font-size: 18px;
	position: absolute;
	margin-left: -7px;
	margin-top: 8px;
	color: #4aa9db;
	line-height: 24px
}

.wechatCon {
	border: 1px solid #4aa9db!important
}

.wechatCon em:before {
	content: "\E632";
	font-family: iconfont;
	font-size: 18px;
	position: absolute;
	color: #4aa9db;
	line-height: 24px;
	right: 0;
	bottom: -3px
}

.CCB {
	background: url(http://imagess-google.com/system/common/bank/CCB.png) no-repeat 0!important
}

.ABC {
	background: url(http://imagess-google.com/system/common/bank/ABC.png) no-repeat 0!important
}

.BOC {
	background: url(http://imagess-google.com/system/common/bank/BOC.png) no-repeat 0!important
}

.CEB {
	background: url(http://imagess-google.com/system/common/bank/CEB.png) no-repeat 0!important
}

.CIB {
	background: url(http://imagess-google.com/system/common/bank/CIB.png) no-repeat 0!important
}

.CITIC {
	background: url(http://imagess-google.com/system/common/bank/CITIC.png) no-repeat 0!important
}

.BCM {
	background: url(http://imagess-google.com/system/common/bank/BCM.png) no-repeat 0!important
}

.CMB {
	background: url(http://imagess-google.com/system/common/bank/CMB.png) no-repeat 0!important
}

.CMBC {
	background: url(http://imagess-google.com/system/common/bank/CMBC.png) no-repeat 0!important
}

.GDB {
	background: url(http://imagess-google.com/system/common/bank/GDB.png) no-repeat 0!important
}

.HXBANK {
	background: url(http://imagess-google.com/system/common/bank/HXBANK.png) no-repeat 0!important
}

.ICBC {
	background: url(http://imagess-google.com/system/common/bank/ICBC.png) no-repeat 0!important
}

.PSBC {
	background: url(http://imagess-google.com/system/common/bank/PSBC.png) no-repeat 0!important
}

.SPABANK {
	background: url(http://imagess-google.com/system/common/bank/SPABANK.png) no-repeat 0!important
}

.SPDB {
	background: url(http://imagess-google.com/system/common/bank/SPDB.png) no-repeat 0!important
}

.CRCC {
	background: url(http://imagess-google.com/system/common/bank/CRCC.png) no-repeat 0!important
}

.YZB {
	background: url(http://imagess-google.com/system/common/bank/YZB.png) no-repeat 0!important
}

.wechat {
	background: url(http://imagess-google.com/system/common/bank/wechat.png) no-repeat 0!important
}

.alipay {
	background: url(http://imagess-google.com/system/common/bank/alipay.png) no-repeat 0!important
}

.qqpay {
	background: url(http://imagess-google.com/system/common/bank/qqpay.png) no-repeat 0!important
}

.unionpay {
	background: url(http://imagess-google.com/system/common/bank/pay/card.png) no-repeat 0!important
}

.wechatCon {
	margin: 0!important
}

.wechatCon i:before {
	content: "\E628"!important;
	font-family: iconfont;
	color: #4aa9db!important;
	font-size: 14px;
	line-height: 30px
}

.wechatCon.rb_active i:before {
	content: "\E629"!important
}

.registerPage {
	width: 870px;
	min-height: 480px;
	margin: 30px auto;
	border: 1px solid #e1e1e2;
	padding-top: 20px;
	font-size: 14px;
	background: url(http://imagess-google.com/system/pc/login/loginBg.png) no-repeat 450px 220px #fff
}

.registerPage h3 {
	font-size: 24px;
	color: #ff2c55;
	margin-bottom: 5px;
	margin-left: 30px;
	margin-top: 0
}

.registerPage p {
	margin-left: 30px;
	color: #646464;
	margin-bottom: 10px;
	margin-top: 0;
	height: 24px
}

.registerPage a {
	color: #ff2c55
}

.registerPage .submitBtn {
	color: #fff
}

.registerPage .forgetPwd {
	font-size: 12px;
	text-decoration: underline;
	margin-left: 40px
}

.regMain {
	border-top: 1px dashed #e0e3e6;
	padding: 50px 0;
	font-size: 0
}

.regMain input {
	font-size: 14px;
	height: 36px;
	width: 280px;
	border: 1px solid #e7e8e8;
	background-color: #feffff;
	color: #a9a9a9;
	padding-left: 10px;
	margin: 0;
	vertical-align: top!important
}

.regMain input[type=image] {
	clear: both;
	width: auto;
	padding: 0;
	border: none;
	margin: 0;
	height: 38px
}

.regMain .codes {
	width: 145px!important
}

.regMain li>span {
	color: #333;
	padding-right: 5px
}

.regMain img {
	position: absolute!important;
	top: 0!important;
	left: 325px!important;
	height: 36px!important
}

.regMain span,
.verifyRight,
.verifyWrong {
	font-size: 14px
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	-webkit-text-fill-color: #333
}

.slideBox {
	position: relative
}

.slideBox .hd {
	position: absolute;
	display: block;
	z-index: 10;
	bottom: 15px;
	width: 100%;
	text-align: center
}

.slideBox .hd ul li {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin-left: 5px;
	background: #999;
	cursor: pointer;
	display: inline-block;
	float: none
}

.slideBox .hd ul li:first-child {
	margin-left: 0
}

.slideBox .hd ul .on {
	background: #fff
}

.slideTxtBox .hd ul li {
	float: left
}

.autoTab .hd ul li {
	width: 33.33333%;
	text-align: center;
	line-height: 30px;
	background: #edf7ff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d7e2f7;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 12px;
}

.autoTab .hd ul li+li {
	border-left: 1px solid #d7e2f7
}

.autoTab .hd ul .on {
	border-top: 2px solid #e4393c;
	background: #fff;
	border-bottom: none;
	margin-top: -1px
}

label.check_box i {
	background-position: -783px 3px;
	width: 21px;
	height: 19px;
	display: inline-block;
	vertical-align: top;
	margin-top: 4px
}

label.cb_active i,
label.checked i {
	background-position: -760px -40px
}

label.radio_box {
	margin-right: 20px
}

label.radio_box i {
	background: #ddd;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

label.checked,
label.rb_active {
	color: #4aa9db
}

label.checked i,
label.rb_active i {
	background: #4aa9db
}

.diyselect {
	background: #fff;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	border: 1px solid #cecece;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-radius: 2px;
	box-sizing: content-box;
	margin: 10px 0
}

.diyselect a {
	width: 100%;
	height: 28px;
	line-height: 28px;
	display: block;
	overflow: hidden
}

.diyselect a:hover {
	background: #f5f5f5
}

.sb_active {
	border: 1px solid #4aa9db!important
}

.sb_active .sb_icon {
	border-top: 5px solid #4aa9db!important
}

.diyselect .opts {
	border: 1px solid #4aa9db;
	display: none;
	height: auto;
	max-height: 224px;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0;
	width: auto;
	z-index: 99
}

.diyselect .opts,
.diyselect>.selected {
	cursor: pointer;
	left: 0;
	position: absolute
}

.diyselect>.selected {
	padding: 0 15px 0 0;
	overflow: hidden
}

.diyselect * {
	color: #666;
	cursor: pointer;
	background-color: #fff
}

.diyselect .sb_icon {
	top: 13px!important;
	display: inline-block;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ababab;
	width: 0;
	height: 0;
	right: 12px;
	position: absolute
}

.notSign {
	width: 825px;
	margin: 0 auto
}

.maintain,
.notContent {
	text-align: center;
	color: #999;
	padding-top: 18px;
	line-height: 1
}

.maintain i,
.notContent i {
	background: none!important;
	font-size: 68px;
	display: block;
	margin: 8px;
	margin-bottom: 18px;
	color: #999!important
}

.notContent i:before {
	content: "\E626"
}

.maintain i:before {
	content: "\E63C"
}


/*.L_6HC:before,.L_FC3D:before,.L_K3:before,.L_KL8:before,.L_more:before,.L_PK10:before,.L_PL35:before,.L_SSC:before,.L_SYX5:before,.L_XYNC:before {
	content: "\E65C";
	display: block;
	width: 0;
	height: 0;
	color: #fff;
	font-size: 56px;
	text-shadow: 0 4px 5px rgba(224,21,6,.42);
	transform: translate(2px);
	position: relative;
	z-index: 1
}*/

.L_6HC:after,
.L_FC3D:after,
.L_K3:after,
.L_KL8:after,
.L_PK10:after,
.L_PL35:after,
.L_SSC:after,
.L_SYX5:after,
.L_XYNC:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	text-shadow: 0 1px 1px hsla(0, 0%, 100%, .55)
}

.L_K3:after {
	content: "\E657";
	color: #e41404
}

.L_K3:before {
	text-shadow: 0 4px 5px rgba(228, 20, 4, .42)
}

.L_XYNC:after {
	content: "\E63B";
	color: #094
}

.L_XYNC:before {
	text-shadow: 0 4px 5px rgba(0, 153, 68, .42)
}

.L_PK10:after {
	content: "\E65D";
	color: #f22751
}

.L_PK10:before {
	text-shadow: 0 4px 5px rgba(242, 39, 81, .42)
}

.L_KL8:after {
	content: "\E65E";
	color: #fc5826
}

.L_KL8:before {
	text-shadow: 0 4px 5px rgba(252, 88, 38, .42)
}

.L_PL35:after {
	content: "\E65A";
	color: #38b366
}

.L_PL35:before {
	text-shadow: 0 4px 5px rgba(56, 179, 102, .42)
}

.L_FC3D:after {
	content: "\E658";
	color: #00b7ee
}

.L_FC3D:before {
	text-shadow: 0 4px 5px rgba(0, 183, 238, .42)
}

.L_SSC:after {
	content: "\E65B";
	color: #f96e00
}

.L_SSC:before {
	text-shadow: 0 4px 5px rgba(249, 110, 0, .42)
}

.L_SYX5:after {
	content: "\E659";
	color: #218ddd
}

.L_SYX5:before {
	text-shadow: 0 4px 5px rgba(33, 141, 221, .42)
}

.L_more:before {
	content: "\E650";
	color: #fa7e00
}

.L_more:after {
	text-shadow: 0 .07em .1em rgba(250, 126, 0, .42)
}

.L_6HC:after {
	content: "\E65F";
	color: #07b39e
}

.L_6HC:before {
	text-shadow: 0 .07em .1em rgba(56, 179, 158, .42)
}

.cardCon {
	background-color: initial!important
}

.cardCon .layui-layer-content {
	overflow: initial!important
}

.card {
	color: #666;
	width: 300px;
	height: 202px;
	font: 14px/1.8 Microsoft YaHei, SimSun, Arial;
	box-sizing: border-box
}

.cardLeft {
	width: 135px
}

.cardLeft img {
	border-radius: 50%;
	margin-top: 20px;
	margin-left: 28px
}

.cardLeft h6 {
	margin: 5px 0;
	color: #1d93d8;
	font-weight: 100;
	text-align: center;
	font-size: 14px
}

.cardInfo {
	width: 160px;
	font-size: 14px;
	padding-top: 15px;
}

.snavInfo .cardInfo li {
	display: block;
	color: #666!important;
}

.cardInfo,
.cardLeft {
	float: left;
	height: 150px
}

.cardIcon {
	clear: both;
	height: 50px;
	background: #f5f5f5;
	padding: 0 2%
}

.cardIcon li {
	float: left;
	width: 12.5%;
	height: 12.5%;
	padding-left: 0;
}

.cardIcon li i {
	font-size: 25px;
	display: block;
	text-align: center;
	line-height: 55px;
	position: relative;
}

.cardIcon li i:before {
	font-size: 23px;
	transform: translate(8px);
	color: #fff!important
}

.noActive:after {
	color: #999!important
}

.noActive:before {
	text-shadow: 0 4px 5px hsla(0, 0%, 60%, .42)!important
}

.winnerList li {
	height: 40px;
	padding: 15px;
	padding-bottom: 5px;
	cursor: default
}

.winnerList li img {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	float: left;
	margin-top: 2px;
	margin-right: 9px;
	transition: .5s
}

.winnerList li:hover img {
	opacity: .8
}

.winnerList li p {
	margin: 0;
	float: left;
	line-height: 1.7
}

.winnerList li p span {
	color: #f63745;
	margin: 0 5px
}

.newTab {
	border-bottom: 1px solid #ddd;
	margin-top: 15px;
	padding-left: 10px
}

.newTab a {
	font-size: 14px;
	background: #f8f8f8;
	border: 1px solid #cecece;
	margin: 0 5px;
	padding: 0 15px;
	border-radius: 4px 4px 0 0;
	line-height: 28px;
	display: inline-block;
	margin-bottom: -1px
}

.newTab .curr {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #e4393c
}

.openAgent .searchFirst {
	text-align: left;
	color: #333;
	background: #fff;
	border: none
}

.openAgent .searchFirst li {
	line-height: 3.5;
	padding: 10px 50px;
	padding-bottom: 0
}

.openAgent .searchFirst li span {
	color: #333
}

.openAgent .TabLi .submitBtn {
	margin-left: 200px
}

.invitationCode table {
	text-align: center;
	border-bottom: 1px dotted #e8e8e8;
	margin-bottom: 80px
}

.invitationCode table span {
	color: #4aa9db;
	cursor: pointer
}

.invitationCode table a {
	color: #e4393c
}

.invitationCode table em {
	color: #2e4158;
	cursor: pointer
}

.invitationCode table em:hover {
	text-decoration: underline
}

.invitationCode table input {
	border: 1px solid #cecece;
	border-radius: 0;
	padding: 8px;
	color: #666
}

.invitationCode table th {
	border-bottom: 1px dotted #e8e8e8;
	padding: 6px 0
}

.invitationCode table tr:nth-child(2) td {
	padding-top: 20px
}

.invitationCode table tr:last-child td {
	padding-bottom: 20px
}

.invitationCode table td {
	padding: 6px 0
}

.invitationCode table .code {
	width: 90px
}

.winningListLoading {
	text-align: center;
	width: 100%!important;
	padding: 30px 10px!important;
	box-sizing: border-box
}

.winningListLoading img {
	width: 50px
}

.winningListLoading h5,
.winningListLoading p {
	margin: 0;
	font-size: 14px
}

.winningListLoading h5 {
	margin: 10px;
	font-style: normal
}

.footBar {
	background: #e6e6e6;
	width: 180px;
	height: 15px;
	border-radius: 15px;
	position: relative;
	display: inline-block;
	vertical-align: sub;
	margin-left: 5px!important;
	overflow: hidden
}

.footBar span {
	background-color: #fd5757;
	position: absolute;
	height: 15px;
	border-radius: 15px 0 0 15px
}

.serviceExperience {
	padding: 12px 0
}

.serviceExperience li {
	line-height: 34px
}

.serviceExperience li:nth-child(2) span {
	background: #4aa9db;
	color: #fff
}

.serviceExperience em {
	font-size: 26px;
	margin-left: 5px
}

.serviceExperience i {
	color: #a6a6a6;
	margin-left: 5px
}

.rechargeMethod {
	margin: 30px 0
}

.rechargeMethod i {
	display: inline-block;
	background: url(http://imagess-google.com/system/common/other/rechargeMethod.png) no-repeat!important;
	height: 50px;
	width: 72px;
	margin-right: 18px
}

.rechargeMethod .alipay {
	background-position: 0 -50px!important
}

.rechargeMethod .cup {
	background-position: 0 -100px!important;
	margin-right: 0
}

.technicalSupport {
	margin: 25px 0;
	position: relative
}

.technicalSupport img {
	float: left;
	width: 90px;
	height: 56px
}

.technicalSupport p {
	float: left;
	font-size: 14px!important;
	font-weight: 400!important;
	margin: 5px 15px!important
}

.technicalSupport i {
	background: -webkit-linear-gradient(left, hsla(0, 0%, 97%, 0), hsla(0, 0%, 97%, .66) 50%, hsla(0, 0%, 97%, 0));
	position: absolute;
	overflow: hidden;
	width: 40px;
	height: 100px;
	transform: rotate(17deg);
	left: -45px;
	top: -10px
}

.technicalSupport:hover i {
	left: 260px;
	transition: 1s
}

.defaultImg {
	background: url(http://imagess-google.com/system/common/other/notPicture.png) 50% no-repeat!important;
	background-size: cover;
	background-color: #f3f3f3!important
}

.InviteW {
	display: table;
	margin: 0 auto
}

.InviteW span {
	width: 110px
}

.how2play .layui-layer-content {
	padding: 20px;
	line-height: normal;
	font-size: medium;
	text-align: initial;
	word-break: normal;
	border-top: 18px solid #fff
}

.htpSort {
	background: #e6e6e6;
	margin: 10px
}

.htp {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	min-height: 650px
}

.htpContent {
	padding: 10px 20px;
	font-family: \\E5\BE\AE\E8\BD\AF\E9\203A\2026\E9\BB\2018;
	text-align: initial;
	line-height: normal;
	word-break: normal
}

.htpContent table th {
	background: #f2f7ff
}

.htpContent .border {
	border: 1px solid #ccd3db;
	border-radius: 8px;
	padding: 15px
}

.htpHeader {
	height: 80px;
	background: url(http://imagess-google.com/system/common/other/htpTop.jpg) no-repeat;
	line-height: 80px;
	position:relative;
}

.htpHeader span {
	float: right;
	font-size: 20px;
	font-family: \\E5\BE\AE\E8\BD\AF\E9\203A\2026\E9\BB\2018;
	font-weight: 700;
	color: #425267;
	text-shadow: 0 1px 1px #adadad
}

.htpHeader i {
	float: right;
	font-family: iconfont;
	font-style: normal;
	font-size: 40px;
	color: #3f4f64;
	margin: 22px 30px 0 10px;
	display: inline-block;
	background: #fff;
	box-sizing: border-box;
	line-height: 38px;
	border-radius: 50%;
	width: 38px
}

.htpHeader i:before {
	color: #3f4f64!important
}

.activityCon *,
.articleContent *,
.helpArtical *,
.htpContent *,
.msgCon * {
	font-family: Microsoft YaHei!important;
	font-size: 14px!important
}

.activityCon table *,
.articleContent table *,
.helpArtical table *,
.htpContent table *,
.msgCon table * {
	font-size: 12px!important
}

.activityCon p,
.helpArtical p,
.htpContent p,
.msgCon p {
	margin: 0!important;
	padding: 0!important
}

.manageInvite td:last-child {
	width: 100px
}

.manageInvite td:last-child a {
	padding: 0 5px
}

.plMore {
	display: table;
	width: 790px;
	text-align: center;
	padding: 20px 0;
	margin: 15px;
	border: 1px solid #d5d5d5;
	border-radius: 6px
}

.plMore li {
	display: table-cell
}

.plMore li+li {
	border-left: 1px dotted #d9d8d8
}

.plMore em {
	font-size: 18px
}

.plMore span {
	display: block
}

.yestodayWinning {
	margin: 5px 0;
	height: 152px;
	background:  #fff;
}
.yestodayWinning tr {
	height: 50px;
	vertical-align: top;
	position:relative;
}

dd

.yestodayWinning td:nth-child(2) {
	color: #cc0a2f;
	width: 40px;
	text-align: center
}

.yestodayWinning td:nth-child(2):before {
	background: radial-gradient(circle at 100px 100px, #5cabff, #000)
}

.yestodayWinning tr:hover {
	background: #ece9e9;
}

.yestodayWinning tr+tr td {
	border-top: 1px dashed #dce1e5;
}

.yestodayWinning td {
	text-align: left;
	padding: 7px 15px;
	padding-right: 12px;
	border-right: none
}

.yestodayWinning td img {
	height: 36px;
	width: 36px;
	float: left;
	border-radius: 50%;
	margin-right: 9px;
	transition: .5s
}

.yestodayWinning td p {
	margin: 0;
	margin-top: 0;
	line-height: 1.7;
	height: 36px;
	font-size: 12px;
	cursor:  default;
}

.yestodayWinning td p span{
	margin-left:5px;
}
.yestodayWinning td p i {
	color: red;
	margin-left:5px;
}

.yestodayWinning td:hover img {
	opacity: .8
}

.yestodayWinning td:nth-child(1) {
	width: 280px;
}

.yestodayWinning ins {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	color: #555
}

.yestodayWinning tr:nth-child(1) ins {
	background: #c12f33;
	background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.yestodayWinning tr:nth-child(2) ins {
	background: #53b0fe;
	background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.yestodayWinning tr:nth-child(3) ins {
	background: #f8a968;
	background: -webkit-radial-gradient(circle at 25px 25px, #c57532, #f8a968);
	background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}



.refreshMove {
	transition: .8s;
	transform: rotate(1turn)
}

.userReport .searchFirst {
	text-align: left;
	padding: 0 15px;
	border: none
}

.userReport .searchFirst input {
	height: 30px;
	display: inline-block;
	vertical-align: top;
	margin: 23px 0;
	margin-right: 5px
}

.userReport .searchFirst a {
	vertical-align: top;
	margin: 23px 0
}

.agentReport .todayView {
	text-align: left;
	margin: 15px;
	margin-left: 4px;
	padding: 0 11px;
	width: calc(100% - 30px);
	background: initial
}

.agentReport .todayView input {
	width: 150px;
	font-size: 12px;
	vertical-align: top
}

.agentMember .selectIcon select {
	border-radius: 2px
}

.agentMember .selectIcon em {
	top: 5px
}

.invitationCode {
	margin-top: 6px
}

.setBankcard .diyselect {
	width: 230px
}

.setQuestion .diyselect,
.verifyQuestion .diyselect {
	width: 231px
}

.rebateDesLink {
	color: #e4393c;
	font-weight: 400
}

.rebateDesLink:hover {
	text-decoration: underline
}

.betMoreList {
	background: #fff;
	color: #fff;
	width: 508px;
	height: 210px;
	margin-left: -379px;
	border-radius: 6px;
	table-layout: fixed;
	vertical-align: top;
	display: none;
	position: absolute;
	z-index: 13;
	left: 379px;
	top: -15px;
	box-shadow: 5px 5px 12px rgba(0, 0, 0, .25);
	border-collapse: inherit\0
}

.betMoreList a {
	display: block;
	float: left;
	line-height: 2.6;
	min-width: 60px;
	text-align: center;
	font: 12px/2em Microsoft YaHei, SimSun, Arial;
	color: #666;
}

.betMoreList a:hover {
	color: #e4393c;
	text-decoration: underline
}

.betMoreList th {
	color: #333;
	font-size: 16px;
	border-bottom: 1px solid #e4e4e4;
	width: 92px;
	height: 50px
}

.betMoreList th:nth-child(1):before {
	content: "";
	position: absolute;
	top: -7px;
	left: 84px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #fff
}

.betMoreList td {
	border-right: 1px solid #e4e4e4;
	vertical-align: top;
	padding: 16px
}

.betMoreList td:last-child {
	border-right: none;
	box-shadow: none
}

.lotteryHall .slideBox .hd {
	text-align: right;
	padding-right: 20px
}

@font-face {
	font-family: iconfont;
	src: url("//at.alicdn.com/t/font_380332_jl6riy783bdtpgb9.eot");
	src: url("//at.alicdn.com/t/font_380332_jl6riy783bdtpgb9.eot?#iefix") format("embedded-opentype"), url("../font/font.woff") format("woff"), url("//at.alicdn.com/t/font_380332_jl6riy783bdtpgb9.ttf") format("truetype"), url("//at.alicdn.com/t/font_380332_jl6riy783bdtpgb9.svg#iconfont") format("svg")
}

body,
html {
	font: 12px/1.4 Microsoft YaHei, PingFang SC, Helvetica, Helvetica Neue, Tahoma, Arial, sans-serif !important;
	color: #14191e;
	min-width: 1000px
}

html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

body {
	background: #fff;
	color: #5e5e5e;
	font: 12px/2em Microsoft YaHei, SimSun, Arial
}

textarea {
	resize: none
}

li,
ul {
	margin: 0;
	padding: 0
}

ul {
	list-style: none
}


a,
body {
	color: #666
}

em,
i {
	font-style: normal
}

ins {
	text-decoration: none
}

.banner .hd ul:after,
.banner .hd ul:before,
.bonusTable ul:after,
.bonusTable ul:before,
.fix:after,
.fix:before,
.safeList li:after,
.safeList li:before,
.winnerList li:after,
.winnerList li:before {
	content: "";
	display: table
}

.banner .hd ul:after,
.bonusTable ul:after,
.fix:after,
.safeList li:after,
.winnerList li:after {
	clear: both;
	overflow: hidden
}

.iconfont {
	font-family: iconfont
}

.textCenter {
	text-align: center
}

.mg30 {
	margin: 30px
}

.mgl20 {
	margin-left: 20px
}

.mglr30 {
	margin: 0 30px
}

.mgt15 {
	margin-top: 15px!important
}

.dpn {
	display: none!important
}

.dpb {
	display: block
}

.pt15 {
	padding-top: 15px
}

.pdr5 {
	padding-right: 5px
}

.pd30 {
	padding: 30px
}

.mgb10 {
	margin-bottom: 10px
}

.w90 {
	width: 90px!important
}

.h150 {
	height: 150px!important
}

.lh50 li a {
	line-height: 50px!important
}

.colMd4,
.colMd8 {
	float: left
}

.colMd4 {
	width: 33.33333333%
}

.colMd8 {
	width: 66.66666666%
}

.flr {
	float: right!important
}

input {
	border-radius: 2px
}


li {
	list-style: none
}

a {
	text-decoration: none
}

.pagination {
	position: relative
}

.pagination li {
	display: inline-block;
	margin: 0 5px
}

.pagination li a {
	padding: 0 10px;
	display: inline-block;
	border: 1px solid #ddd;
	background: #fff;
	color: #666
}

.pagination li a:hover {
	background: #eee
}

.pagination li.active a {
	color: #666;
	border: none;
	font-weight: 700
}

.selectIcon em {
	right: 8px;
	top: 5px
}

.title {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 30px;
	line-height: 29px;
	background: #fff;
	text-align: center;
	border: 1px solid #cecece;
	padding-right: 14px
}

select {
	position: absolute;
	left: -1px;
	top: -1px;
	opacity: 0;
	z-index: 2
}

.iconLoadingCon {
	height: 175px;
	width: 150px;
	display: inline-block;
	position: relative
}

.iconLoadingCon img {
	width: 90px
}

.helpSlider {
	background: #fff;
	width: 200px;
	float: left;
	min-height: 500px
}

.helpSlider h2 {
	background-color: #e4393c;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: 100;
	margin: 0
}
.layui-carousel .layui-this{
	margin-top: 0px !important;
}

.helpContent {
	width: 780px;
	float: left;
	background: #fff;
	min-height: 500px;
	margin-left: 20px;
	padding: 30px;
	box-sizing: border-box
}

.helpContent h4 {
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #fce1e6;
	margin-top: 30px;
	color: #333;
	font-family: \\5FAE\8F6F\96C5\9ED1, Arial;
	margin: 0
}

.helpContent p {
	font-size: 14px;
	word-wrap: break-word;
	line-height: 24px;
}

.helpArtical {
	margin-top: 5px
}

.helpArtical p:nth-child(2) span,.helpArtical p:nth-child(2) strong{
	display: inline-block;
	margin-top: 10px;
}
.helpArtical * {
	font-family: Microsoft YaHei!important;
	font-size: 12px
}

.helpArtical table {
	border: 1px solid #e6e6e6!important
}

.helpArtical table strong {
	font-weight: 100
}

.helpArtical table tr:first-child td {
	background: #4393be;
	color: #fff;
	font-size: 14px!important
}

.helpArtical table tr:first-child td strong {
	font-size: 14px
}

.helpArtical table td {
	min-width: 80px;
	padding: 10px 0
}

body {
	background: #eee
}

.helpSlider {
	background: #fff;
	width: 200px;
	float: left;
	min-height: 561px
}

.helpSlider h2 {
	background-color: #e4393c;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: 100;
	margin: 0
}

.helpMenu>li {
	border-top: 1px solid #eff0f1;
	line-height: 35px;
	font-size: 14px;
	text-align: center;
}
.helpMenu li:nth-last-child(1){
	border-bottom: 1px solid #eff0f1;
}
.helpMenu>li a {
	display: block
}

.helpMenu .curr a {
	color: #e4393c;
	border-left: 3px solid
}

.helpContent {
	width: 780px;
	float: left;
	background: #fff;
	min-height: 561px;
	margin-left: 20px;
	padding: 30px;
	box-sizing: border-box
}

.helpContent h4 {
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #fce1e6;
	margin-top: 30px;
	color: red;
	font-family: \\5FAE\8F6F\96C5\9ED1, Arial;
	margin: 0
}
.helpArtical * {
	font-family: Microsoft YaHei!important;
	font-size: 12px
}

.helpArtical table {
	border: 1px solid #e6e6e6!important
}

.helpArtical table strong {
	font-weight: 100
}

.helpArtical table tr:first-child td {
	background: #4393be;
	color: #fff;
	font-size: 14px!important
}

.helpArtical table tr:first-child td strong {
	font-size: 14px
}

.helpArtical table td {
	min-width: 80px;
	padding: 10px 0
}

body {
	background: #eee
}

.searchDetail table td em {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.searchDetail table {
	table-layout: fixed
}

.searchDetail table th{
	width: 10%;
	font-size: 12px;
}

.searchDetail table th:nth-child(2) {
	width: 130px;
	font-size: 12px;
}

.searchDetail table th:nth-child(3) {
	width: 110px;
	font-size: 12px;
}

.searchDetail table th:nth-child(4) {
	width: 90px;
	font-size: 12px;
}

.searchDetail table th:nth-child(5) {
	width: 148px;
	font-size: 12px;
}

.searchDetail table th:nth-child(6) {
	width: 130px;
	font-size: 12px;
}

.searchDetail table th:nth-child(7) {
	width: 80px;
	font-size: 12px;
}

.layerBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 650px;
	height: 450px;
	margin-top: -210px;
	margin-left: -278px;
	background: #fff;
	z-index: 10000
}

.layerBg {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	z-index: 999;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2e4158;
	padding-left: 30px;
	border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 2px -39px;
	cursor: pointer;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	transition: .5s
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	top: 7px;
	font-size: 0;
	line-height: normal
}

.close {
	display: block;
	width: 25px;
	height: 25px;
	top: 6px;
	position: relative
}

.close:after,
.close:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 25px;
	height: 1px;
	background-color: #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.articleTitle {
	font-size: 16px;
	color: #333;
	text-align: center
}

.articlePublishTime {
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px
}

.articleContent,
.articleContent p,
.articleContent span {
	font-size: 14px!important;
	color: #333
}

.articleContent p{
	margin: 15px 0;
}
.whereToSend {
	padding: 10px 0
}

.whereToSend i {
	font-size: 22px;
	padding-right: 5px;
	vertical-align: bottom
}

.whereToSend a {
	color: #666;
	border: 1px solid #ddd;
	padding: 6px 15px;
	float: right;
	margin-right: 10px;
	font-size: 14px;
	border-radius: 5px
}

.sendList table tr th {
	background: #f8f8f8;
	text-align: left;
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	padding: 3px
}

.sendList table tr td {
	padding: 10px 3px;
	border-bottom: 1px dotted #e3e3e3;
	color: #666
}

.sendList table tr td a {
	margin: 0 5px;
	cursor: pointer;
	color: #333;
	font-weight: bolder
}

.sendList table tr td a:hover {
	color: #e4393c;
	text-decoration: underline
}

.sendList table tr td .read {
	color: inherit;
	font-weight: 400
}

.sendList table tr .td1 {
	text-align: center
}

.sendList table tr .td2 {
	width: 65%
}

.msgControl {
	padding: 10px
}

.msgControl input[type=checkbox] {
	cursor: pointer;
	vertical-align: middle;
	margin-right: 5px
}

.msgControl input[type=button] {
	background: #ccc;
	padding: 5px 10px;
	color: #666;
	border: 0;
	border-radius: 5px;
	margin: 0 5px
}

.msgControl input[type=button]:hover {
	background: #090;
	color: #fff
}

.msgDetail table {
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3
}

.msgDetail tr th {
	background: #f8f8f8;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	padding: 8px
}

.msgDetail tr td,
.msgDetail tr th {
	text-align: center;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3
}

.msgDetail tr td {
	padding: 5px
}

.msgCon {
	padding: 0 10px;
	margin-top: 10px;
	border-top: 1px dotted #ccc
}

.whereToSend {
	padding: 10px 0
}

.whereToSend i {
	font-size: 22px;
	padding-right: 5px;
	vertical-align: bottom
}

.whereToSend a {
	color: #666;
	border: 1px solid #ddd;
	padding: 6px 15px;
	float: right;
	margin-right: 10px;
	font-size: 14px;
	border-radius: 5px
}

.sendList table tr th {
	background: #f8f8f8;
	text-align: left;
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	padding: 3px
}

.sendList table tr td {
	padding: 10px 3px;
	border-bottom: 1px dotted #e3e3e3;
	color: #666
}

.sendList table tr td a {
	margin: 0 5px;
	cursor: pointer;
	color: #333;
	font-weight: bolder
}

.sendList table tr td a:hover {
	color: #e4393c;
	text-decoration: underline
}

.sendList table tr td .read {
	color: inherit;
	font-weight: 400
}

.sendList table tr .td1 {
	text-align: center
}

.sendList table tr .td2 {
	width: 65%
}

.msgControl {
	padding: 10px
}

.msgControl input[type=checkbox] {
	cursor: pointer;
	vertical-align: middle;
	margin-right: 5px
}

.msgControl input[type=button] {
	background: #ccc;
	padding: 5px 10px;
	color: #666;
	border: 0;
	border-radius: 5px;
	margin: 0 5px
}

.msgControl input[type=button]:hover {
	background: #090;
	color: #fff
}

.msgDetail table {
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3
}

.msgDetail tr th {
	background: #f8f8f8;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	padding: 8px
}

.msgDetail tr td,
.msgDetail tr th {
	text-align: center;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3
}

.msgDetail tr td {
	padding: 5px
}

.msgCon {
	padding: 0 10px;
	margin-top: 10px;
	border-top: 1px dotted #ccc
}

.agentIntro {
	padding: 10px
}

.agentIntro img{
	margin-bottom:10px;
}
.agentIntro em {
	color: #333
}

.agentIntro h3 {
	color: #e4393c;
	margin-top: 10px;
}

.agentIntro p {
	color: #666;
	margin-top: 5px;
	line-height: 20px;
}

.whereToSend {
	padding: 10px 0
}

.whereToSend i {
	font-size: 22px;
	padding-right: 5px;
	vertical-align: bottom
}

.whereToSend a {
	color: #666;
	border: 1px solid #ddd;
	padding: 6px 15px;
	float: right;
	margin-right: 10px;
	font-size: 14px;
	border-radius: 5px
}

.sendList table tr th {
	background: #f8f8f8;
	text-align: left;
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	padding: 3px
}

.sendList table tr td {
	padding: 10px 3px;
	border-bottom: 1px dotted #e3e3e3;
	color: #666
}

.sendList table tr td a {
	margin: 0 5px;
	cursor: pointer;
	color: #333;
	font-weight: bolder
}

.sendList table tr td a:hover {
	color: #e4393c;
	text-decoration: underline
}

.sendList table tr td .read {
	color: inherit;
	font-weight: 400
}

.sendList table tr .td1 {
	text-align: center
}

.sendList table tr .td2 {
	width: 65%
}

.msgControl {
	padding: 10px
}

.msgControl input[type=checkbox] {
	cursor: pointer;
	vertical-align: middle;
	margin-right: 5px
}

.msgControl input[type=button] {
	background: #ccc;
	padding: 5px 10px;
	color: #666;
	border: 0;
	border-radius: 5px;
	margin: 0 5px
}

.msgControl input[type=button]:hover {
	background: #090;
	color: #fff
}

.msgDetail table {
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3
}

.msgDetail tr th {
	background: #f8f8f8;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	padding: 8px
}

.msgDetail tr td,
.msgDetail tr th {
	text-align: center;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3
}

.msgDetail tr td {
	padding: 5px
}

.msgCon {
	padding: 0 10px;
	margin-top: 10px;
	border-top: 1px dotted #ccc
}

.wrapL {
	width: 232px;
	background: #fffdf3;
	border: 1px solid #e6c9a0;
	border-top: 3px solid #e6c9a0;
	float: left;
	height: 468px;
}

.subnav li a {
	display: block;
	height: 100%
}

.subnav li img {
	width: 44px;
	height: 44px;
	vertical-align: middle
}

.subnav li .des,
.subnav li .sortName {
	margin-right: 5px;
	margin-bottom: 10px;
	vertical-align: top;
	font-size: 14px;
	color: #333;
	font-weight: 700
}

.subnav li .des {
	color: #999;
	font-size: 12px;
	font-weight: 100
}

.subnav li:hover {
	background: #fff9dd
}

.subnav li:hover i {
	transition: .5s;
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn);
	-webkit-transform-origin: 17px 25px;
	transform-origin: 17px 25px
}

.subnav li {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px dashed #ddd;
	padding: 0 8px
}

.subnav li i {
	font-size: 36px;
	margin: 0 5px;
	width: 38px;
	height: 38px;
	display: inline-block
}

.subnav li i:before {
	font-size: 34px;
	-webkit-transform: translate(1px, -1px);
	transform: translate(1px, -1px)
}

.subnav li:last-child {
	border: none
}

.wrapC {
	width: 488px;
	margin-left: 13px;
	float: left
}

.wrapC .banner {
	height: 251px;
	background: #eee;
	overflow: hidden
}

.wrapC .banner .hd ul {
	padding: 2px;
	border-radius: 10px
}

.wrapC .banner img {
	width: 488px;
	height: 250px
}


.wrapR {
	float: left;
	width: 252px;
	height: 472px;
	margin-left: 13px
}


.wrapR .slide .help {
	height: 36px;
	background: #f8f8f8;
	border-top: 1px solid #dce1e5;
	line-height: 35px;
	color: #999;
	padding-left: 12px;
	text-align: left
}

.wrapR .slide .help a:hover {
	color: #e4393c;
	text-decoration: underline
}

.loginRegister {
	height: 44px
}

.loginRegister a {
	display: inline-block;
	width: 119.5px;
	text-align: center;
	background: #fff9dd;
	line-height: 42px;
	color: #e4393c;
	font-size: 16px;
	font-weight: 700;
	border: 1px solid #ebd4b3;
	box-sizing: border-box;
	border-radius: 2px
}

.loginRegister a i {
	padding-right: 5px
}

.loginRegister a+a {
	margin-left: 13px
}

.loginRegister a:hover {
	background: #f9f0c0
}



.winningList .tempWrap {
	padding: 15px 0
}


.winningList .winnerList li:hover {
	background: #fbfbfb
}

.logined {
	padding: 0 15px;
	height: 44px;
	background: #fffdf3;
	border-radius: 2px;
	border: 1px solid #ebd4b3;
	border-top: 3px solid #ebd4b3;
	position: relative
}

.logined h3 {
	line-height: 26px;
	text-align: center;
	margin: 7px
}

.logined h3 i {
	color: #e4393c;
	font-size: 16px
}

.logined h3 b {
	color: #36c
}

.logined>a {
	width: 45px;
	height: 15px;
	display: inline-block;
	cursor: pointer;
	border: none;
	position: absolute;
	z-index: 2;
	top: 6px;
	right: 10px;
	line-height: 15px;
	padding-left: 5px;
	border-radius: 2px
}

.logined>a em {
	color: #fffdf3
}

.LoginOut:hover{
	text-decoration: none; 
}

.LoginOut i{
	font-size:16px;
}
.cqssc .a,
.cqssc .number,
.cqssc img {
	float: left
}

.cqssc .number {
	padding-top: 45px;
	padding-left: 40px
}

.cqssc .number em {
	background: #e84245;
	border: 1px solid #b13032;
	background: linear-gradient(180deg, #e46062 2%, #c72c2e);
	font-size: 30px;
	color: #fff;
	border-radius: 50%;
	width: 41px;
	height: 41px;
	display: inline-block;
	line-height: 41px;
	text-align: center;
	font-weight: 100;
	margin: 0 5px;
	cursor: default
}

.cqssc a {
	margin-top: 51px;
	margin-left: 32px
}

.text {
	margin-top: 20px
}


.text span {
	margin-right: 14px
}

.text span:last-child {
	margin: 0
}

.text a+a {
	background: #5691d7
}

.sh11x5 em {
	font-size: 25px!important
}

.dice {
	margin-top: 32px
}

.dice span {
	display: inline-block;
	background: url(http://imagess-google.com/system/pc/k3/open_num.png);
	width: 60px;
	height: 60px;
	vertical-align: middle
}

.dice i {
	font-size: 25px;
	vertical-align: middle;
	color: #999;
	margin: 10px
}

.dice em {
	font-size: 25px;
	color: #333;
	vertical-align: middle;
	margin: 3px
}

.slideTxtBox p {
	text-align: center
}

.verifyRight,
.verifyWrong {
	font-style: inherit;
	margin-left: 8px;
	line-height: 35px
}

.verifyRight i,
.verifyWrong i {
	font-family: iconfont;
	font-style: inherit;
	padding: 0 5px;
	font-size: 14px
}

.verifyRight ins,
.verifyWrong ins {
	text-decoration: none
}

.verifyWrong {
	color: red
}

.verifyWrong i {
	color: red!important
}

.verifyRight {
	color: #71b83d
}

.verifyRight i {
	color: #71b83d!important
}

.verifyWrong i:after {
	content: "\E60D"
}

.verifyRight i:after {
	content: "\E60B"
}

.personalInfo {
	margin: 30px 20px;
	margin-bottom: 0;
	float: left;
	min-width: 450px;
	margin-left: 8px
}

.personalInfo .diyselect {
	width: 73px
}

.selectHeadImg {
	display: inline-block;
	position: relative;
	float: left;
	margin: 30px;
	margin-right: 0;
	width: 100px
}

.selectHeadImg a {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	display: inline-block;
	width: 100%;
	background: rgba(0, 0, 0, .16);
	line-height: 25px;
	color: #fff
}

.selectHeadImg a:hover {
	background: rgba(0, 0, 0, .5)
}

.headImgList {
	width: 657px;
	height: 394px;
	overflow: hidden
}

.headImgListTitle {
	background: #d7d7d7;
	font-size: 14px;
	padding: 0 10px;
	line-height: 34px
}

.headImgListTitle a {
	float: right;
	background-position: 4px -36px;
	position: relative;
	width: 20px;
	height: 20px;
	margin: 7px 0
}

.headImgContent {
	float: left;
	width: 445px;
	padding: 5px;
	height: 350px;
	overflow: hidden
}

.headImgContent .curr img {
	border: 1px solid #53a8f1;
	box-shadow: 0 0 5px #53a8f1
}

.headImgContent a {
	display: block;
	float: left;
	padding: 5px;
	line-height: 0
}

.headImgContent a:hover img {
	border: 1px solid #53a8f1;
	box-shadow: 0 0 5px #53a8f1
}

.headImgContent img {
	width: 60px;
	height: 60px;
	border: 1px solid #b1bac5;
	border-radius: 3px
}

.headImgView {
	float: left;
	width: 196px;
	text-align: center;
	padding: 5px;
	padding-right: 10px
}

.headImgView img {
	width: 102px;
	height: 102px;
	border: 1px solid #b1bac5;
	border-radius: 3px
}

.headImgView h5,
.headImgView p {
	margin: 0
}

.headImgView h5 {
	font-size: 14px
}

.headImgView .button {
	margin-top: 129px
}

.headImgView .button a {
	line-height: 25px;
	height: 25px
}

.headImgView .button a:last-child {
	margin: 0
}

.cancel {
	background: #d6d6d6!important;
	color: #666!important
}

.cancel:hover {
	background: #c5c5c5!important
}

.headImg {
	vertical-align: top;
	width: 100px;
	height: 100px;
	border-radius: 3px
}

.evCall {
	clear: both
}

.evCall .levelBar {
	margin: 10px 30px;
	width: 80%;
	height: 48px
}


.evCall table {
	table-layout: fixed;
	margin: 0 30px;
	text-align: center;
	margin-bottom: 30px
}

.evCall table th,.evCall table td{
	font-size: 12px;
}

.evCall table th {
	background-color: #f2f7ff;
	font-weight: bold;
}

.evCallInfo {
	float: left;
	margin: 25px 30px;
	line-height: 22px;
	margin-bottom: 30px
}

.evCallInfo em {
	letter-spacing: 12px
}

.levelBar {
	clear: both;
	position: relative;
	margin-bottom: 18px
}

.levelBar .BTN {
	background-color: #e74a4a;
	border-color: #b91616;
	border-bottom: .25em solid #b91616!important
}

.levelBar .u-progress ins {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.levelBar p {
	margin: 0
}



.levelBarInfo {
	position: relative;
	margin: 2px 0
}

.levelBarInfo p {
	text-align: center
}

.levelBarInfo em,
.levelBarInfo i {
	position: absolute;
	top: 6px;
	line-height: 15px;
	text-align: center;
	font-size: 14px
}

.levelBarInfo>em {
	left: 0
}

.levelBarInfo>i {
	right: 0
}

.u-progress {
	height: 16px;
	position: relative;
	border-radius: 8px;
	background: #ddd;
	overflow: hidden
}

.u-progress .pgbar,
.u-progress .pging {
	display: block;
	width: 100%;
	background: linear-gradient(90deg, #fd7430 0, #e4393c);
	height: 16px;
	border-radius: 8px 0 0 8px
}

.pging {
	position: relative
}

.agentIntroDes {
	color: #333
}

.personalInfo {
	width: 670px;
	margin-left: -11px
}

.selected {
	height: 30px;
	width: 65px;
	padding: 0;
	line-height: 30px
}

.personalInfo {
	margin: 30px 20px;
	margin-bottom: 0;
	float: left;
	min-width: 450px;
	margin-left: 8px
}

.personalInfo .diyselect {
	width: 73px
}

.selectHeadImg {
	display: inline-block;
	position: relative;
	float: left;
	margin: 30px;
	margin-right: 0;
	width: 100px
}

.selectHeadImg a {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	display: inline-block;
	width: 100%;
	background: rgba(0, 0, 0, .16);
	line-height: 25px;
	color: #fff
}

.selectHeadImg a:hover {
	background: rgba(0, 0, 0, .5)
}

.headImgList {
	width: 657px;
	height: 394px;
	overflow: hidden
}

.headImgListTitle {
	background: #d7d7d7;
	font-size: 14px;
	padding: 0 10px;
	line-height: 34px
}

.headImgListTitle a {
	float: right;
	background-position: 4px -36px;
	position: relative;
	width: 20px;
	height: 20px;
	margin: 7px 0
}

.headImgContent {
	float: left;
	width: 445px;
	padding: 5px;
	height: 350px;
	overflow: hidden
}

.headImgContent .curr img {
	border: 1px solid #53a8f1;
	box-shadow: 0 0 5px #53a8f1
}

.headImgContent a {
	display: block;
	float: left;
	padding: 5px;
	line-height: 0
}

.headImgContent a:hover img {
	border: 1px solid #53a8f1;
	box-shadow: 0 0 5px #53a8f1
}

.headImgContent img {
	width: 60px;
	height: 60px;
	border: 1px solid #b1bac5;
	border-radius: 3px
}

.headImgView {
	float: left;
	width: 196px;
	text-align: center;
	padding: 5px;
	padding-right: 10px
}

.headImgView img {
	width: 102px;
	height: 102px;
	border: 1px solid #b1bac5;
	border-radius: 3px
}

.headImgView h5,
.headImgView p {
	margin: 0
}

.headImgView h5 {
	font-size: 14px
}

.headImgView .button {
	margin-top: 129px
}

.headImgView .button a {
	line-height: 25px;
	height: 25px
}

.headImgView .button a:last-child {
	margin: 0
}

.cancel {
	background: #d6d6d6!important;
	color: #666!important
}

.cancel:hover {
	background: #c5c5c5!important
}

.headImg {
	vertical-align: top;
	width: 100px;
	height: 100px;
	border-radius: 3px
}

.evCall {
	clear: both
}

.evCall .levelBar {
	margin: 10px 30px;
	width: 80%;
	height: 48px
}



.evCall table td,
.evCall table th {
	border: 1px solid #e6e6e6;
	height: 32px;
}

.evCallInfo {
	float: left;
	margin: 25px 30px;
	line-height: 22px;
	margin-bottom: 30px
}

.evCallInfo em {
	letter-spacing: 12px
}

.levelBar {
	clear: both;
	position: relative;
	margin-bottom: 18px
}

.levelBar .BTN {
	background-color: #e74a4a;
	border-color: #b91616;
	border-bottom: .25em solid #b91616!important
}

.levelBar .u-progress ins {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.levelBar p {
	margin: 0
}


.levelBarInfo {
	position: relative;
	margin: 2px 0
}

.levelBarInfo p {
	text-align: center
}

.levelBarInfo em,
.levelBarInfo i {
	position: absolute;
	top: 6px;
	line-height: 15px;
	text-align: center;
	font-size: 14px
}

.levelBarInfo>em {
	left: 0
}

.levelBarInfo>i {
	right: 0
}

.u-progress {
	height: 16px;
	position: relative;
	border-radius: 8px;
	background: #ddd;
	overflow: hidden
}

.u-progress .pgbar,
.u-progress .pging {
	display: block;
	width: 100%;
	background: linear-gradient(90deg, #fd7430 0, #e4393c);
	height: 16px;
	border-radius: 8px 0 0 8px
}

.pging {
	position: relative
}

.agentIntroDes {
	color: #333
}

.layerBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 657px;
	height: 393px;
	margin-top: -210px;
	margin-left: -278px;
	background: #fff;
	z-index: 10000
}

.layerBg {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	z-index: 999;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.close {
	width: 25px;
	height: 25px;
	position: relative
}

.headImgListTitle a {
	float: right;
	position: relative;
	margin: 7px 6px
}

.close:after,
.close:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 25px;
	height: 1px;
	background-color: #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.headImgView .BuTop {
	margin-top: 130px
}

.LIWidth {
	width: 557px
}

.IContent {
	width: 360px
}

.personalInfo {
	margin: 30px 20px;
	margin-bottom: 0;
	float: left;
	min-width: 450px;
	margin-left: 8px
}

.personalInfo .diyselect {
	width: 73px
}

.selectHeadImg {
	display: inline-block;
	position: relative;
	float: left;
	margin: 30px;
	margin-right: 0;
	width: 100px;
	cursor:  pointer;
}

.selectHeadImg a {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	display: inline-block;
	width: 100%;
	background: rgba(0, 0, 0, .16);
	line-height: 25px;
	color: #fff
}

.selectHeadImg a:hover {
	background: rgba(0, 0, 0, .5)
}

.headImgList {
	width: 657px;
	height: 394px;
	overflow: hidden
}

.headImgListTitle {
	background: #d7d7d7;
	font-size: 14px;
	padding: 0 10px;
	line-height: 34px
}

.headImgListTitle a {
	float: right;
	background-position: 4px -36px;
	position: relative;
	width: 20px;
	height: 20px;
	margin: 7px 0
}

.headImgContent {
	float: left;
	width: 445px;
	padding: 5px;
	height: 350px;
	overflow: hidden
}

.headImgContent .curr img {
	border: 1px solid #53a8f1;
	box-shadow: 0 0 5px #53a8f1
}

.headImgContent a {
	display: block;
	float: left;
	padding: 5px;
	line-height: 0
}

.headImgContent a:hover img {
	border: 1px solid #53a8f1;
	box-shadow: 0 0 5px #53a8f1
}

.headImgContent img {
	width: 60px;
	height: 60px;
	border: 1px solid #b1bac5;
	border-radius: 3px
}

.headImgView {
	float: left;
	width: 196px;
	text-align: center;
	padding: 5px;
	padding-right: 10px
}

.headImgView img {
	width: 102px;
	height: 102px;
	border: 1px solid #b1bac5;
	border-radius: 3px
}

.headImgView h5,
.headImgView p {
	margin: 0
}

.headImgView h5 {
	font-size: 14px
}

.headImgView .button {
	margin-top: 129px
}

.headImgView .button a {
	line-height: 25px;
	height: 25px
}

.headImgView .button a:last-child {
	margin: 0
}

.cancel {
	background: #d6d6d6!important;
	color: #666!important
}

.cancel:hover {
	background: #c5c5c5!important
}

.headImg {
	vertical-align: top;
	width: 100px;
	height: 100px;
	border-radius: 3px
}

.evCall {
	clear: both
}

.evCall .levelBar {
	margin: 10px 30px;
	width: 80%;
	height: 48px
}

.evCall h6 {
	margin: 5px 30px
}

.evCallInfo {
	float: left;
	margin: 25px 30px;
	line-height: 22px;
	margin-bottom: 30px
}

.evCallInfo em {
	letter-spacing: 12px
}

.levelBar {
	clear: both;
	position: relative;
	margin-bottom: 18px
}

.levelBar .BTN {
	background-color: #e74a4a;
	border-color: #b91616;
	border-bottom: .25em solid #b91616!important
}

.levelBar .u-progress ins {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.levelBar p {
	margin: 0
}

.levelBar>em {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 16px;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	color: #021ef5;
}

.levelBarInfo {
	position: relative;
	margin: 2px 0
}

.levelBarInfo p {
	text-align: center
}

.levelBarInfo em,
.levelBarInfo i {
	position: absolute;
	top: 6px;
	line-height: 15px;
	text-align: center;
	font-size: 14px
}

.levelBarInfo>em {
	left: 0
}

.levelBarInfo>i {
	right: 0
}

.u-progress {
	height: 16px;
	position: relative;
	border-radius: 8px;
	background: #ddd;
	overflow: hidden
}

.u-progress .pgbar,
.u-progress .pging {
	display: block;
	width: 100%;
	background: linear-gradient(90deg, #fd7430 0, #e4393c);
	height: 16px;
	border-radius: 8px 0 0 8px
}

.pging {
	position: relative
}

.agentIntroDes {
	color: #333
}

.personalInfo {
	width: 670px;
	margin-left: -11px
}

.tabli {
	width: 100%
}

.containerUser {
	position: relative
}

.selected {
	width: 90%
}

.citycolor {
	color: #666
}

.containerUser {
	position: relative
}

._citys {
	background: #fff;
	width: 470px;
	position: absolute;
	top: 186px;
	left: 339px;
	display: block;
	border: 1px solid #ccc;
	padding: 5px
}

._citys span {
	color: #56b4f8;
	height: 15px;
	width: 15px;
	line-height: 11px;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	right: 10px;
	top: 10px;
	border: 1px solid #56b4f8;
	cursor: pointer
}

._citys0 {
	width: 100%;
	height: 34px;
	display: inline-block;
	border-bottom: 2px solid #56b4f8;
	padding: 0;
	margin: 0
}

._citys0 li {
	display: inline-block;
	line-height: 34px;
	font-size: 15px;
	color: #888;
	width: 80px;
	text-align: center;
	cursor: pointer
}

.citySel {
	background-color: #56b4f8;
	color: #fff!important
}

._citys1 {
	width: 100%;
	display: inline-block;
	padding: 10px 0
}

._citys1 a {
	width: 83px;
	height: 35px;
	display: inline-block;
	background-color: #f5f5f5;
	color: #666;
	margin-left: 6px;
	margin-top: 3px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
	overflow: hidden
}

._citys1 a:hover {
	color: #fff;
	background-color: #56b4f8
}

.AreaS {
	background-color: #56b4f8!important;
	color: #fff!important
}


.activity .show a i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.activity .floor:first-child {
	margin-top: 15px
}

.floor {
	background: #fff;
	box-shadow: 0 4px 8px #c7c7c7;
	padding: 15px
}

.floor .floorRright {
	float: left;
	width: 290px;
	padding: 0 15px;
	box-sizing: border-box
}

.floor .floorRright h2 {
	font-size: 28px;
	font-weight: 100;
	margin: 0;
	color: #e4393c;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%
}

.floor .floorRright p {
	font-size: 14px;
	padding: 12px 0;
	height: 72px
}

.floor .floorRright a {
	font-size: 18px;
	display: block;
	line-height: 40px;
	width: 120px;
	background: #e4393c;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	padding-right: 18px;
	box-sizing: border-box
}

.floor .floorRright a i {
	position: absolute;
	margin-top: 15px;
	margin-left: 8px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #f09394;
	transition: .1s
}

.floorDetail {
	margin-top: 15px!important;
	border-top: 2px dashed #e6e6e6;
	overflow: hidden;
	display: none;
	width: 970px!important;
	clear: both
}

.floorDetail p {
	margin: 10px 0;
	font-size: 14px;
	word-wrap: break-word
}

.floorDetail table {
	text-align: center;
	table-layout: fixed;
	border-collapse: collapse;
}


.floorDetail table th {
	background-color: #4393be;
	color: #fff;
	font-weight: 100
}

.floorDetail table td,
.floorDetail table th {
	border: 1px solid #e6e6e6;
	height: 40px;
	font-size: 14px
}

.floorLine {
	background: url(http://imagess-google.com/system/pc/activity/activityShaw.png) no-repeat;
	width: 100%;
	height: 15px;
	padding: 0 3px;
	margin-left: -3px
}

.floorDetail i {
	color: #f76727
}

.floorDetail a {
	font-size: 16px;
	color: #fff;
	background: #e4393c;
	border-radius: 4px;
	padding: 7px 18px
}

.floorDetail .disable {
	background: #d6d6d6;
	color: #999
}

.activityCon{
	/* margin-top:-10px; */
}

.contents{
	padding: 10px 0;
}
.tbplus {
	position: relative;
	width: 145px
}

.tbplus em {
	position: absolute;
	right: -10px;
	top: -2px;
	font-size: 14px
}

.tbplus ins {
	border-bottom: 1px solid #7fbbdc;
	position: absolute;
	width: 147px;
	-webkit-transform: rotate(15.2deg);
	transform: rotate(15.2deg);
	left: -1px;
	top: 19px
}

.tbplus i {
	position: absolute;
	left: 12px;
	bottom: 3px;
	color: #fff
}

.activity .show a i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.activity .floor:first-child {
	margin-top: 15px
}

.floor {
	background: #fff;
	box-shadow: 0 4px 8px #c7c7c7;
	padding: 15px
}

.floor .floorTitleImg {
	float: left;
	width: 680px;
	height: 170px
}

.floor .floorRright {
	float: left;
	width: 290px;
	padding: 0 15px;
	box-sizing: border-box
}

.floor .floorRright h2 {
	font-size: 28px;
	font-weight: 100;
	margin: 0;
	color: #e4393c;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%
}

.floor .floorRright p {
	font-size: 14px;
	padding: 12px 0;
	height: 72px
}

.floor .floorRright a {
	font-size: 18px;
	display: block;
	line-height: 40px;
	width: 120px;
	background: #e4393c;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	padding-right: 18px;
	box-sizing: border-box
}

.floor .floorRright a i {
	position: absolute;
	margin-top: 15px;
	margin-left: 8px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #f09394;
	transition: .1s
}

.floorDetail {
	margin-top: 15px!important;
	border-top: 2px dashed #e6e6e6;
	overflow: hidden;
	display: none;
	width: 970px!important;
	clear: both
}

.floorDetail p {
	margin: 10px 0;
	font-size: 14px;
	word-wrap: break-word
}

.floorDetail table th {
	background-color: #4393be;
	color: #fff;
	font-weight: 100
}

.floorDetail table td,
.floorDetail table th {
	border: 1px solid #e6e6e6;
	height: 40px;
	font-size: 14px
}

.floorLine {
	background: url(http://imagess-google.com/system/pc/activity/activityShaw.png) no-repeat;
	width: 100%;
	height: 15px;
	padding: 0 3px;
	margin-left: -3px
}

.floorDetail em,
.floorDetail i {
	font-size: 14px
}

.floorDetail em {
	margin-right: 15px
}

.floorDetail i {
	color: #f76727
}

.floorDetail a {
	font-size: 16px;
	color: #fff;
	background: #e4393c;
	border-radius: 4px;
	padding: 7px 18px
}

.floorDetail h3 {
	display: block;
	background: #d2dbe0;
	width: 84px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	margin: 30px 0 5px 0;
}

.floorDetail h3 i {
	display: inline-block;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 10px solid #d2dbe0;
	position: absolute;
	margin-left: 14px;
}

.floorDetail .disable {
	background: #d6d6d6;
	color: #999
}

.tbplus {
	position: relative;
	width: 145px
}

.tbplus em {
	position: absolute;
	right: -10px;
	top: -2px;
	font-size: 14px
}

.tbplus ins {
	border-bottom: 1px solid #7fbbdc;
	position: absolute;
	width: 147px;
	-webkit-transform: rotate(15.2deg);
	transform: rotate(15.2deg);
	left: -1px;
	top: 19px
}

.tbplus i {
	position: absolute;
	left: 12px;
	bottom: 3px;
	color: #fff
}

.plCon {
	margin: 15px
}

.plCon .balance {
	width: 282px;
	height: 90px
}

.plCon .balance span {
	font-size: 30px;
	color: #e4393c;
	font-family: arial
}

.plCon .balance span i {
	font-family: \\5FAE\8F6F\96C5\9ED1;
	font-size: 26px
}

.plCon .balance p a {
	border-radius: 4px;
	border: 1px solid #ddd;
	margin: 0 3px;
	padding: 2px 10px
}

.plCon .balance p a:nth-child(2) {
	margin-left: 28px
}

.plCon .balance p i {
	font-size: 16px;
	margin-right: 5px
}

.plCon .calculate,
.plCon .plTotal {
	width: 239px;
	height: 90px
}

.plCon .calculate .iconfont,
.plCon .plTotal .iconfont {
	color: #fff;
	background: #fb4046;
	padding: 16px;
	font-size: 28px;
	display: block;
	height: 60px;
	width: 60px;
	border-radius: 4px;
	line-height: 28px;
	float: left
}

.plCon .calculate .detail,
.plCon .plTotal .detail {
	display: block;
	width: 145px;
	height: 50px;
	float: left;
	padding-left: 10px;
	line-height: 1.4
}

.plCon .calculate .detail p,
.plCon .plTotal .detail p {
	margin: 0;
	margin-left: 10px
}

.plCon .calculate .detail em,
.plCon .plTotal .detail em {
	font-size: 28px;
	color: #e4393c;
	font-family: arial;
	line-height: 2
}

.plCon .calculate .detail em i,
.plCon .plTotal .detail em i {
	font-family: \\5FAE\8F6F\96C5\9ED1;
	font-size: 24px
}

.plCon .calculate .detail ins,
.plCon .plTotal .detail ins {
	margin-left: 10px;
	color: #e4393c;
	display: block;
	margin-top: 18px
}

.plCon .balance,
.plCon .calculate,
.plCon .plTotal {
	float: left;
	padding: 15px
}

.plCon>div+div {
	margin-left: 15px
}

.balance,
.calculate,
.plMore,
.plTotal {
	border: 1px solid #ddd;
	border-radius: 6px
}

.balance {
	white-space: nowrap
}

.proxyTitle {
	padding: 20px;
	font-size: 14px
}

.proxyTitle i {
	color: #e4393c;
	font-weight: 700
}

.proxySortInfo {
	padding: 20px
}

.proxySortInfo li {
	float: left;
	width: 153px;
	height: 56px;
	padding-top: 4px;
	border-right: 1px solid #e3e3e3;
	text-align: center
}

.proxySortInfo li span {
	display: block;
	font-size: 24px;
	color: #090
}

.code_cont .plMore {
	table-layout: fixed;
	width: 808px
}

.code_cont .plMore em {
	color: #4aa9db
}


.xem {
	width: 50px;
	overflow: hidden;
	height: 27px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	display: inline-block
}

.layerMsg {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 380px;
	height: 216px;
	margin-top: -210px;
	margin-left: -190px;
	background: #fff;
	z-index: 10000
}

.layerBg {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	z-index: 999;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2e4158;
	padding-left: 30px;
	border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 2px -39px;
	cursor: pointer;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	transition: .5s
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	top: 7px;
	font-size: 0;
	line-height: normal
}

.close {
	display: block;
	width: 25px;
	height: 25px;
	top: 6px;
	position: relative
}

.close:after,
.close:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 25px;
	height: 1px;
	background-color: #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.layui-layer-dialog .layui-layer-content {
	position: relative;
	padding: 40px 20px;
	line-height: 24px;
	word-break: break-all;
	overflow: hidden;
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center
}

.layui-layer-prompt .layui-layer-input {
	display: block;
	width: 220px;
	height: 30px;
	margin: 0 auto;
	line-height: 30px;
	padding: 0 5px;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .1);
	color: #333
}

.layui-layer-btn {
	padding: 0 10px 12px;
	pointer-events: auto;
	text-align: center
}

.layui-layer-btn a {
	height: 30px;
	min-width: 85px;
	padding: 0 15px;
	background-color: #f1f1f1;
	color: #333;
	border-radius: 3px;
	margin: .5em .4em .5em 0;
	font-weight: 400;
	line-height: 29px;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	text-decoration: none
}

.layui-layer-btn .layui-layer-btn0 {
	color: #fff;
	border: none;
	background: #3e5779
}

.layui-layer-btn a,
.layui-layer-dialog .layui-layer-ico,
.layui-layer-setwin a {
	display: inline-block;
	vertical-align: top
}


body {
	background: #e6e6e6
}

ul {
	margin: 0;
	padding: 0
}

li::-moz-selection {
	background: transparent
}

li::selection {
	background: transparent
}

.fix:after,
.fix:before {
	content: "";
	display: table
}

.fix:after {
	clear: both;
	overflow: hidden
}

.rebateDes {
	width: 1200px;
	min-height: calc(100vh - 20px);
	background: #fff;
	margin: 10px auto
}

.rebateDes .notContent {
	padding: 35vh 0!important;
	font-size: 16px
}

.rebateNav {
	background: linear-gradient(90deg, #56585f 0, #68686e 50%, #4b4e56);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56585f", endColorstr="#4b4e56", GradientType=0);
	height: 65px;
	padding: 0 20px;
	position: relative
}

.rebateNav a {
	width: 143px;
	height: 44px;
	display: block;
	position: absolute;
	text-align: center;
	background: url(http://imagess-google.com/system/pc/other/rebateBtn.png) no-repeat;
	top: 21px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	text-shadow: 1px 1px 0 #c3c3c3
}

.rebateNav a:nth-child(1) {
	left: 20;
	z-index: 8
}

.rebateNav a:nth-child(2) {
	left: 135px;
	z-index: 7
}

.rebateNav a:nth-child(3) {
	left: 250px;
	z-index: 6
}

.rebateNav a:nth-child(4) {
	left: 365px;
	z-index: 5
}

.rebateNav a:nth-child(5) {
	left: 480px;
	z-index: 4
}

.rebateNav a:nth-child(6) {
	left: 595px;
	z-index: 3
}

.rebateNav a:nth-child(7) {
	left: 710px;
	z-index: 2
}

.rebateNav a:nth-child(8) {
	left: 825px;
	z-index: 1
}

.rebateNav .curr {
	background: url(http://imagess-google.com/system/pc/other/rebateBtnChecked.png) no-repeat;
	z-index: 99!important
}

.rebateContent {
	padding: 20px;
	position: relative
}

.rebateContent .isClass {
	position: relative
}

.rebateContent .isClass li:first-child {
	cursor: pointer;
	font-weight: 700
}

.rebateContent .isClass li:first-child:before {
	content: "\5C55\5F00";
	position: absolute;
	right: 0;
	top: -10px;
	color: #aaa;
	font-size: 12px;
	font-weight: 400
}

.rebateContent .isClass:hover {
	background: #fcfcfc
}

.rebateContent .isClass:last-child:before {
	display: none!important
}

.rebateContent .show li:first-child:before {
	content: "\6536\56DE"
}

.rebateContent ul {
	width: 139px;
	float: left
}

.rebateContent ul:last-child li:first-child {
	cursor: auto
}

.rebateContent ul:last-child li:first-child:before {
	display: none
}

.rebateContent ul li {
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	border-top: 1px solid #ddd
}

.rebateContent ul li:last-child {
	border-bottom: 1px solid #ddd
}

.rebateTitle {
	border-left: 1px solid #ddd;
	font-weight: 700
}

.rebateTitle li {
	width: 100%!important
}

.rebateTitle li:first-child {
	position: relative
}

.rebateTitle li:first-child i {
	position: absolute;
	left: 15px;
	bottom: -6px;
	z-index: 2
}

.rebateTitle li:first-child em {
	position: absolute;
	right: 15px;
	top: -6px;
	z-index: 2
}

.rebateTitle li:first-child:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-bottom: 40px solid #ddd;
	border-right: 144px solid transparent;
	content: "";
	z-index: 1
}

.rebateTitle li:first-child:after {
	position: absolute;
	left: 0;
	right: 1px;
	top: 1px;
	bottom: 0;
	border-bottom: 39px solid #fff;
	border-right: 140px solid transparent;
	content: "";
	z-index: 1
}

.rebateTableCon {
	position: relative;
	float: left;
	overflow: hidden
}

.rebateTableCon li:first-child {
	background: #f8f8f8;
	text-align: center;
	font-size: 16px
}

.rebateTableCon em,
.rebateTableCon i {
	position: absolute;
	width: 21px;
	height: 40px;
	top: 21px;
	cursor: pointer;
	background: #f8f8f8;
	z-index: 2;
	display: none
}

.rebateTableCon em:before,
.rebateTableCon i:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 6px;
	top: 14px
}

.rebateTableCon em {
	left: 148px
}

.rebateTableCon i {
	right: 21px
}

.rebateTable {
	border-right: 1px solid #ddd
}

.rebateTable ul {
	width: 102px
}

.rebateTable ul li {
	border-left: 1px solid #ddd
}

.notice {
	display: none
}

.testShow {
	margin: 16px auto -10px 20px
}

.noneed {
	display: none
}

.minx .isClass li:first-child:before {
	content: "\6536\56DE";
	position: absolute;
	right: 0;
	top: -10px;
	color: #aaa;
	font-size: 12px;
	font-weight: 400
}

.selected {
	width: 90%;
	height: 30px;
	line-height: 30px
}

.selected {
	width: 90%;
	height: 30px;
	line-height: 30px
}

.pingContent {
	margin: 0 30px;
	border-top: 1px dashed #e0e3e6;
	padding-top: 4px;
	min-height: 317px
}

.pingContent li {
	margin: 16px 0
}

.pingContent input {
	border: 1px solid #e7e9e9;
	height: 36px;
	padding: 0 10px;
	color: #333;
	font-size: 14px
}

.pingContent input:first-child {
	width: 170px
}

.pingContent input:nth-child(3) {
	width: 420px
}

.pingContent a {
	display: inline-block;
	width: 100px;
	height: 36px;
	text-align: center;
	background: #4aa9db;
	vertical-align: top;
	line-height: 36px;
	color: #fff;
	margin-left: 20px;
	border-radius: 2px
}

.pingContent a:hover {
	background: #2199d8
}

.refresh {
	display: block;
	margin: 16px auto;
	width: 130px
}

.refresh a {
	margin: 5px 0
}

.refresh a:before {
	content: "\91CD\65B0\6D4B\8BD5";
	color: #fff!important
}

.refresh .noActive {
	background: #ddd
}

.refresh .noActive:before {
	content: "\6B63\5728\68C0\6D4B...";
	color: #999!important
}

.cssico-2right {
	position: relative;
	color: #666;
	display: inline-block;
	width: 14px;
	height: 8px;
	margin: 0 6px
}

.cssico-2right:after,
.cssico-2right:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: .5px solid;
	border-right: .5px solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle
}

.cssico-2right:after {
	left: 5px
}

.noActive a {
	cursor: auto;
	background: #ddd;
	color: #999
}

.noActive a:hover {
	background: #ddd
}

.stepBox .bankStyle ins:first-child {
	width: 6%
}

.topBox>ul>li ins:first-child {
	width: 14.33333%
}

.layerBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 650px;
	height: 480px;
	margin-top: -210px;
	margin-left: -278px;
	background: #fff;
	z-index: 10000
}

.layerBg {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	z-index: 999;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2e4158;
	padding-left: 30px;
	border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 2px -39px;
	cursor: pointer;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	transition: .5s
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	top: 7px;
	font-size: 0;
	line-height: normal
}

.close {
	display: block;
	width: 25px;
	height: 25px;
	top: 6px;
	position: relative
}

.close:after,
.close:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 25px;
	height: 1px;
	background-color: #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#qrcode {
	margin: 0 auto;
	width: 256px
}

.bankblockList {
	margin-left: -5px
}

.bankblockList .wechatCon {
	margin: 5px!important
}

.w100 {
	width: 100%
}

.imgone img {
	margin: 20px 0 0;
	width: 130px;
	text-align: center
}

.topBox>ul>li ins:first-child {
	width: 14.33333%
}

.layerBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 650px;
	height: 480px;
	margin-top: -210px;
	margin-left: -278px;
	background: #fff;
	z-index: 10000
}

.layerBg {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	z-index: 999;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2e4158;
	padding-left: 30px;
	border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 2px -39px;
	cursor: pointer;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	transition: .5s
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	top: 7px;
	font-size: 0;
	line-height: normal
}

.close {
	display: block;
	width: 25px;
	height: 25px;
	top: 6px;
	position: relative
}

.close:after,
.close:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 25px;
	height: 1px;
	background-color: #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#qrcode {
	margin: 0 auto;
	width: 256px
}

.bankblockList {
	margin-left: -5px
}

.bankblockList .wechatCon {
	margin: 5px!important
}

.alipayee {
	margin: 13px 0
}

.w100 {
	width: 100%
}

.imgone img {
	margin: 20px 0 0;
	width: 130px;
	text-align: center
}

.btnnot {
	width: 76px;
	text-align: center;
	color: #fff;
	background-color: #ccc
}

.mobileCon {
	background: url(../images/bg.jpg) 50% no-repeat;
	width: 100%;
	height: 655px;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mobile {
	position: relative;
	height: 620px;
	padding-top: 56px;
	padding-left: 162px
}

.mobileSlide {
	position: absolute;
	width: 650px;
	height: 539px;
    right: -118px;
    top: 80px;
}

.mobileText {
	transition-duration: 1s;
	width: 375px;
	height: 460px;
	margin-left: -153px;
	margin-top: 32px;
	z-index: 2
}

.mobileText em,
.mobileText h1,
.mobileText h2,
.mobileText p,
.mobileText span {
	display: block
}

.mobileText h1 {
	position: absolute;
	left: 26px;
	top: 107px;
	overflow: hidden;
	width: 56px;
	height: 56px
}

.mobileText h1 img {
	height: 100%;
	width: 100%
}

.mobileText h2 {
	font-size: 30px;
	color: #e4393c;
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
	position: absolute;
	top: 236px;
	left: 10px
}

.mobileText .android {
	position: absolute;
	top: 364px;
	left: 16px;
	width: 120px;
	height: 120px;
	overflow: hidden;
	background: #fff;
	border: 7px solid #fff
}

.mobileText .cutFinger {
	position: absolute;
	left: 467px;
	top: 227px
}

.slideTxtBox .hd {
	position: relative
}

.mobileAnimate {
	top: 5px!important;
	-webkit-transform: translateY(5px)!important;
	transform: translateY(5px)!important
}

.mobileTextAnimate {
	right: -20px;
	opacity: 1
}

.mgt40 {
	margin: 0!important
}

.dontTouch {
	width: 500px;
	position: absolute;
	height: 590px;
	z-index: 19;
	margin-left: 300px
}

.slideTxtBox .bd li.ShowAuto {
	opacity: 1
}

blockquote,
body,
button,
code,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400
}

.table {
	width: 100%
}

.table td,
.table th {
	padding: 6px 12px;
	border-bottom: 1px solid #e3e3e3;
	text-align: left
}

.table-border td,
.table-border th {
	border: 1px solid #e3e3e3
}

.table-border th {
	background-color: #fafafa
}

.table-border td {
	background-color: #fff
}

.table-info thead {
	box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .05)
}

.table-info td,
.table-info th {
	text-align: center
}

.table-info th {
	padding-top: 10px;
	padding-bottom: 10px
}

.table-info td {
	border-bottom-style: dotted;
	padding-top: 8px;
	padding-bottom: 8px
}

.table-info .highlight-cell td {
	color: red
}

.table-border-none td,
.table-border-none th {
	border: 0 none
}

.table-info .text-left {
	text-align: left
}

.table-info .text-right {
	text-align: right
}

.table-info .text-center {
	text-align: center
}

.main {
	position: relative;
	border-width: 0 1px 1px;
	border-style: none solid solid;
	border-color: transparent #c2c2d2 #c2c2d2;
	background-color: #fff
}

.select-section-content {
	padding: 12px 25px;
	border-top: 1px solid #e3e3e3;
	padding-right: 60px
}

.select-section-content .input {
	width: 120px
}

.select-section-content .title {
	float: left;
	height: 34px;
	line-height: 34px;
	padding-right: 10px
}

.select-section-content .function {
	float: left;
	height: 34px;
	line-height: 34px
}

.select-section-content .function .label {
	padding: 0 10px;
	vertical-align: baseline
}

.select-section-content .time {
	float: left;
	height: 34px;
	line-height: 34px
}

.select-section-content .time a {
	padding: 0 10px
}

.select-section-content .select {
	float: left;
	padding-right: 10px
}

.select-section-content .select .ui-label,
.select-section-content .select .ui-select {
	width: 72px
}

.select-function,
.select-section-content .search {
	float: right
}

.select-function .arrow-down {
	background-position: 0 0
}

.select-function .arrow-up {
	background-position: 0 -10px
}

.select-title {
	float: left;
	height: 28px;
	margin-right: 20px;
	line-height: 26px;
	line-height: 28px\9
}

.select-list {
	float: left
}

.select-list li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 4px;
	height: 30px;
	line-height: 30px;
	line-height: 30px\9;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 4px
}

.select-list li.current,
.select-list li.current:hover {
	background-color: #1d601d;
	color: #fff;
	cursor: default;
	box-shadow: inset 1px 2px 3px rgba(0, 0, 0, .2)
}

.select-list li a {
	color: #009b7d;
	display: block;
	padding: 3px 12px;
	height: 24px;
	line-height: 24px
}

.select-list li:hover a {
	color: #fff;
	text-decoration: none
}

.select-list li:hover {
	background-color: #1d601d;
	color: #fff
}

.select-list li.current:hover a:hover,
.select-list li.current a {
	color: #fff
}

.select-download {
	display: inline-block;
	margin: 0 50px;
	text-decoration: underline
}

.chart-table {
	width: 100%
}

.chart-table .title-text th {
	font-weight: 700;
	white-space: nowrap;
	word-wrap: break-word
}

.chart-table .title-number th {
	padding-top: 0
}

.border-top {
	border-top: 1px solid #e6e6e6
}

#J-ball-content .border-bottom,
#J-select-content .border-bottom,
.chart-table .title-number .border-bottom-header,
.chart-table .title-text .border-bottom-header,
.chart-table thead .border-bottom,
.J-ball-content border-bottom,
.tbody-footer-header .border-bottom,
.tbody-footer-header border-bottom,
.title-text .border-bottom {
	border-bottom: 1px solid #ccc
}

.chart-table .tbody {
	color: #888
}

.chart-table th {
	padding: 5px 0;
	background-color: #f2f2f2;
	text-align: center
}

.chart-table td {
	padding: 5px 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	background-color: #fff;
	text-align: center
}

.chart-table .issue-numbers,
.chart-table .lottery-numbers {
	width: auto
}

.chart-table .parity-numbers,
.chart-table .size-numbers {
	color: #0a94e3
}

.chart-table .border-right {
	border-right: 1px solid #ccc
}

.chart-table .ball-none,
.chart-table .title-number .ball-none {
	width: 4px
}

.chart-table th .ball-noraml {
	color: #333
}

.ball-noraml {
	display: inline-block;
	width: 15px;
	height: 15px;
	line-height: 14px;
	text-align: center;
	font-style: normal;
	color: #b7b7b7;
	position: relative
}

.chart-table .ball-blue,
.chart-table .ball-green,
.chart-table .ball-orange,
.chart-table .ball-purple,
.chart-table .ball-red,
.chart-table .group-current {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat;
	color: #fff
}

.chart-table .ball-red {
	background-position: 0 0
}

.chart-table .ball-orange {
	background-position: -20px 0
}

.chart-table .ball-blue {
	background-position: -40px 0
}

.chart-table .ball-green {
	background-position: -60px 0
}

.chart-table .ball-purple {
	background-position: -80px 0
}

.chart-table .ball-mark {
	background-color: #00a2ff;
	border-radius: 50%;
	color: #fff;
	font-style: normal;
	height: 12px;
	line-height: 12px;
	position: absolute;
	right: -6px;
	text-align: center;
	top: -6px;
	width: 12px
}

.chart-table .group-current {
	display: inline-block;
	width: 18px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	font-style: normal;
	background-position: -100px 0
}

.chart-table .tbody .bg-red {
	background-color: #f53f00;
	color: #fff
}

.chart-table .tbody .bg-blue {
	background-color: #00a2ff;
	color: #fff
}

.chart-table .tbody .bg-blue .ball-noraml {
	color: #fff
}

.chart-table .tbody .bg-green {
	background-color: #34bc0f;
	color: #fff
}

.chart-table .tbody .compare {
	background-color: #7999f3;
	color: #fff
}

.chart-table .tbody .lost {
	background-color: #e1f9f7;
	color: #ccc
}

.auxiliary-area td {
	background-color: #f7f7f7;
	border-top: 1px solid #e6e6e6
}

.select-area td {
	background-color: #ccc
}

.select-area .ico-add,
.select-area .ico-del {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 4px;
	background: url(http://imagess-google.com/system/pc/betOld/un-select-area.png) no-repeat;
	vertical-align: middle;
	cursor: pointer
}

.select-area .ico-add {
	background-position: 0 0
}

.select-area .ico-del {
	background-position: -20px 0
}

.c-0-1,
.c-0-2,
.c-0-3 {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat;
	color: #fff;
	background-position: 0 0
}

.table-temperature .c-0-1 {
	background-position: -40px 0
}

.table-temperature .c-0-2 {
	background-position: -20px 0
}

.table-temperature .c-0-3 {
	background-position: 0 0
}

.table-lost-post .l-1 {
	background-color: #e1f9f7
}

.table-lost-post .l-1 .ball-noraml {
	color: #b7b7b7
}

.table-guides .border-bottom {
	border-bottom: 1px solid #ccc
}

.table-lost .ball-noraml {
	color: #fff
}

.table-lost .auxiliary-area .ball-noraml,
.table-lost .select-area .ball-noraml {
	color: #b7b7b7
}

.table-lost .select-area .ball-orange {
	color: #fff
}

.f-1,
.f-2,
.f-3,
.f-4,
.f-5 {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat;
	color: #fff
}

.f-1 {
	background-position: -60px 0
}

.f-2,
.f-3,
.f-4,
.f-5 {
	background-position: -80px 0
}

.select-area i {
	cursor: pointer
}

.Trend_chart {
	width: 100%;
	height: auto;
	min-height: 300px;
	background: #fff;
	padding: 0 0 40px
}

.Trend_chart .chart-section {
	width: 100%;
	min-height: 300px;
	margin: 0;
	height: auto;
	overflow: hidden;
	padding-bottom: 1px;
	border: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.Trend_chart .chart-table {
	width: 100%
}

.select-section {
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 20px 2%;
	height: auto;
	overflow: hidden
}

.select-function a {
	float: left;
	width: auto;
	color: #1d601d;
	padding: 0 15px;
	display: block;
	height: 28px;
	line-height: 28px
}

.select-function a:hover {
	text-decoration: underline
}

.select-function a.btn {
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #eee;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 3px 3px 2px #ddd;
	margin: 0 7px
}

.select-function a.btn:hover {
	background: #ddd;
	text-decoration: none
}

.select-function i {
	padding: 0 3px;
	display: inline-block
}

.select-section h3 {
	font-size: 16px;
	font-weight: 700
}

.zh-0-1,
.zh-0-2,
.zhkd-1 {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat;
	color: #fff
}

.zh-0-1 {
	background-position: -60px 0
}

.zh-0-2,
.zhkd-1 {
	background-position: -80px 0
}

.chart-table .zhdx-0 {
	background: #7999f3
}

.chart-table .zhdx-0 .ball-noraml {
	color: #fff
}

.chart-table .zhds-0 {
	background: #7999f3
}

.chart-table .zhds-0 .ball-noraml {
	color: #fff
}

.chart-table .zhzh-0 {
	background: #7999f3
}

.chart-table .zhzh-0 .ball-noraml {
	color: #fff
}

.chart-table .ball-mark {
	position: absolute;
	width: 12px;
	height: 12px;
	text-align: center;
	line-height: 12px;
	background-color: #00a2ff;
	color: #fff
}

.chart-table .KuaiSan_OpenNo .chonghao {
	position: absolute;
	z-index: 10;
	width: 14px;
	height: 14px;
	background-color: #00a2ff;
	color: #fff;
	font: 12px/1.5;
	border-radius: 50%;
	margin-top: -5px;
	margin-right: -2px
}

.nonchang_OpenNo.c-0-2 {
	background-position: -60px 0
}

.select-function a.curr i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg)
}

.select-function a.curr i,
.select-function a i {
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s
}

.select-function a i {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg)
}

.chart_control_cont {
	width: 100%;
	padding: 10px 2%;
	height: auto;
	overflow: hidden
}

.chart_control_cont .title {
	font-size: 12px;
	float: left;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	padding-right: 10px
}

.chart_control_cont .function {
	width: auto;
	height: 28px;
	overflow: hidden;
	float: left
}

.chart_control_cont .function label {
	width: auto;
	padding: 6px 15px;
	height: 16px;
	line-height: 16px;
	float: left
}

.chart_control_cont .time {
	float: left;
	height: auto;
	overflow: hidden;
	line-height: 28px
}

.chart_control_cont .time a {
	font-size: 12px;
	color: #009b7d;
	padding: 0 15px;
	float: left
}

.chart_control_cont .time a:hover {
	text-decoration: underline
}

.J-chart-canvas {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0
}

.Trend_chart .openNo-0,
.Trend_chart .openNo {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat 0 0;
	color: #fff
}

.Trend_chart .openNo-1 {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat -60px 0;
	color: #fff
}

.Trend_chart .openNo-2,
.Trend_chart .openNo-3,
.Trend_chart .openNo-4,
.Trend_chart .openNo-5 {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat -80px 0;
	color: #fff
}

.chart-table .ball-none._bili {
	padding: 0
}

.chart-table .ball-none._bili i {
	display: block;
	width: 100%;
	height: 27px;
	line-height: 27px;
	padding: 0;
	overflow: hidden
}

.chart-table td.dxxintai {
	padding: 0
}

.chart-table td.dxxintai.bgc_blue {
	padding: 0;
	background: #00a2ff;
	color: #fff
}

.chart-table td.dxxintai.bgc_green {
	padding: 0;
	background: #34bc0f;
	color: #fff
}

.chart-table td.dxxintai.bgc_red {
	padding: 0;
	background: #f53f00;
	color: #fff
}

.chart-table td.dxxintai.bgc_blue i,
.chart-table td.dxxintai.bgc_green i,
.chart-table td.dxxintai.bgc_red i {
	color: #fff
}

.chart-table td.dxxintai i {
	display: block;
	width: 100%;
	height: 27px;
	line-height: 27px;
	overflow: hidden;
	padding: 0
}

.chart-table td i.duizi {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat -100px;
	color: #fff;
	height: 27px;
	width: 18px;
	line-height: 27px
}

.chart-table td.zusan {
	padding: 0 2px
}

.chart-table td.zusan i {
	display: block;
	margin: 0 auto
}

.chart-table td.baozi {
	padding: 0 2px
}

.chart-table td.baozi i {
	display: block;
	margin: 0 auto;
	width: 20px
}

.chart-table td.dxxintai .duizi {
	display: block;
	margin: 0 auto
}

.Trend_chart .openNo-kuadu-td {
	padding: 0
}

.Trend_chart .openNo-kuadu-td .openNo-kuadu {
	padding: 0;
	background: #00a2ff;
	color: #fff;
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: center;
	width: 100%
}

.Trend_chart .open_kl8 {
	background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat 0 0;
	color: #fff
}

.Trend_chart .chart-section.kuaile8 {
	width: 100%;
	overflow-x: scroll
}

.kuaile8 .chart-table {
	width: 2200px
}

.kuaile8 .chart-table .and_value i {
	width: 25px
}

.Trend_chart .chart-table .title_zuhexigntai th {
	padding: 5px 0
}

.Trend_chart .chart-table .haomaxingtai,
.Trend_chart .chart-table .hezhixingtai {
	width: auto;
	height: 25px;
	line-height: 25px
}

.Trend_chart .chart-table .KuaiSan {
	width: auto;
	padding: 0
}

.Trend_chart .chart-table .KuaiSan .hezhizoushi {
	display: block;
	background: #f53f00;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	margin: 0 auto;
	color: #fff
}

.chart-table .border-right.isSHow {
	padding: 0;
	background: #00a2ff
}

.Trend_chart .chart-table .isSHow .hezhixingtai {
	display: block;
	background: #00a2ff;
	color: #fff
}

.chart-table .border-right.isHmxt {
	padding: 0;
	background: #f53f00
}

.Trend_chart .chart-table .isHmxt .haomaxingtai {
	display: block;
	background: #f53f00;
	color: #fff
}

.Trend_chart .chart-table .isSHow .haomaxingtai {
	display: block;
	background: #00a2ff;
	color: #fff
}

.chart-table .border-right.isBaozi {
	padding: 0;
	background: #34bc0f
}

.Trend_chart .chart-table .isBaozi .haomaxingtai {
	display: block;
	background: #34bc0f;
	color: #fff
}

.chart-table .ball-none._bili i {
	background-color: #7999f3;
	color: #fff
}

.chart_control_cont .time a.fb {
	font-weight: 700
}

.select-function .curr i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg)
}

.Dtable {
	display: none
}

.pdd {
	padding: 2px;
	color: #fff;
	border-radius: 10px;
	background-color: #f53f00
}

.pdd.red {
	background: linear-gradient(180deg, #ff6669 30%, #e53a3d);
	background: -moz-linear-gradient(to bottom, #ff6669 30%, #e53a3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6669", endColorstr="#e53a3d", GradientType=0);
	border: 1px solid #e94548
}

.pdd.blue {
	background: linear-gradient(180deg, #33a8ff 30%, #228ede);
	background: -moz-linear-gradient(to bottom, #33a8ff 30%, #228ede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a8ff", endColorstr="#228ede", GradientType=0);
	border: 1px solid #2994e3
}

.pdd.green {
	background: linear-gradient(180deg, #41e07c 30%, #38b467);
	background: -moz-linear-gradient(to bottom, #41e07c 30%, #38b467 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41e07c", endColorstr="#38b467", GradientType=0);
	border: 1px solid #3cb569
}

.chart-table .ball-none.bgcolor {
	background: rgba(255, 235, 59, .25)
}

.ball-none.red {
	background: linear-gradient(180deg, #ff6669 30%, #e53a3d);
	background: -moz-linear-gradient(to bottom, #ff6669 30%, #e53a3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6669", endColorstr="#e53a3d", GradientType=0);
	color: #fff
}

.ball-none.blue {
	background: linear-gradient(180deg, #33a8ff 30%, #228ede);
	background: -moz-linear-gradient(to bottom, #33a8ff 30%, #228ede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a8ff", endColorstr="#228ede", GradientType=0);
	color: #fff
}

.ball-none.green {
	background: linear-gradient(180deg, #41e07c 30%, #38b467);
	background: -moz-linear-gradient(to bottom, #41e07c 30%, #38b467 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41e07c", endColorstr="#38b467", GradientType=0);
	color: #fff
}

.navTxt {
	margin-left: 5px
}

.how2play .layui-layer-content {
	padding: 20px;
	line-height: normal;
	font-size: medium;
	text-align: initial;
	word-break: normal;
	border-top: 18px solid #fff
}

.htpSort {
	background: #e6e6e6;
	margin: 10px
}

.htp {
	background: #fff;
	width: 1000px;
	margin: 0 auto;
	min-height: 650px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.htpContent {
	padding: 10px 20px;
	font-family: Microsoft Yahei;
	text-align: initial;
	line-height: normal;
	word-break: normal
}

.htpContent table th {
	background: #f2f7ff
}

.htpContent .border {
	border: 1px solid #ccd3db;
	border-radius: 8px;
	padding: 15px
}

.htpHeader span {
	float: right;
	font-size: 20px;
	font-family: Microsoft Yahei;
	font-weight: 700;
	color: #425267;
	text-shadow: 0 1px 1px #adadad
}

.htpHeader i {
	float: right;
	font-family: iconfont;
	font-style: normal;
	font-size: 40px;
	color: #3f4f64;
	margin: 22px 30px 0 10px;
	display: inline-block;
	background: #fff;
	box-sizing: border-box;
	line-height: 38px;
	border-radius: 50%;
	width: 38px
}

.htpHeader i:before {
	display: none
}

.htpHeader i:after {
	color: #3f4f64!important
}

body {
	overflow-x: hidden
}

.htpContent {
	max-width: 1000px
}

.layerBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 650px;
	height: 480px;
	margin-top: -210px;
	margin-left: -278px;
	background: #fff;
	z-index: 10000
}

.layerBg {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	z-index: 999;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2e4158;
	padding-left: 30px;
	border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 2px -39px;
	cursor: pointer;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	transition: .5s
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	top: 7px;
	font-size: 0;
	line-height: normal
}

.close {
	display: block;
	width: 25px;
	height: 25px;
	top: 6px;
	position: relative
}

.close:after,
.close:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 25px;
	height: 1px;
	background-color: #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#qrcode {
	margin: 0 auto;
	width: 256px
}

.bankblockList {
	margin-left: -5px
}

.bankblockList .wechatCon {
	margin: 5px!important
}

.layerBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 650px;
	height: 480px;
	margin-top: -210px;
	margin-left: -278px;
	background: #fff;
	z-index: 10000
}

.layerBg {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	z-index: 999;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2e4158;
	padding-left: 30px;
	border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 2px -39px;
	cursor: pointer;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	transition: .5s
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	top: 7px;
	font-size: 0;
	line-height: normal
}

.close {
	display: block;
	width: 25px;
	height: 25px;
	top: 6px;
	position: relative
}

.close:after,
.close:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 25px;
	height: 1px;
	background-color: #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#qrcode {
	margin: 0 auto;
	width: 256px
}

.lotteryHead {
	height: 238px;
	width: 100%
}

.lotteryHead .winnerListSlide{
	background:#666;
}
.lotteryLine {
	width: 100%;
	height: 15px;
	background: linear-gradient(180deg, #7a7a7a 0, #c3c4c3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a7a7a", endColorstr="#c3c4c3", GradientType=0)
}

.lotteryLine i {
	display: block;
	float: left;
	border-right: 20px solid transparent;
	border-top: 15px solid #e6e6e6
}

.lotteryLine em {
	display: inline-block;
	border-left: 20px solid transparent;
	border-top: 15px solid #e6e6e6;
	float: right
}

.lotteryContent {
	background: #fff;
	margin-bottom:  10px;
}

.lotteryNav {
	height: 40px;
	background: #455467;
	padding-left: 10px;
	overflow: hidden
}

.lotteryNav li {
	float: left;
	line-height: 40px
}

.lotteryNav li a {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	margin: 10px 0;
	width: 100px;
	text-align: center;
	margin-top: 7px
}

.lotteryNav li+li a {
	border-left: 1px solid #74808f
}

.lotteryNav .on {
	background: #fff;
	border-radius: 5px 5px 0 0;
	margin-top: 3px;
	height: 37px
}

.lotteryNav .on a {
	color: #333;
	border-color: #fff;
	margin-top: 10px
}

.lotteryList {
	padding: 8px;
	width: 100%!important
}

.lotteryList li {
	position: relative;
	float: left;
	width: 226px;
	height: 100px;
	border: 1px solid #e3e3e3;
	padding: 16px 20px;
	box-sizing: border-box;
	transition: .3s;
	margin: 10px;
	box-shadow: 1px 1px 1px #8a8a8a;
	background: #f9f8f8;
}

.lotteryList li:hover .lotteryNow {
	display: block
}

.lotteryList li i {
	font-size: 60px;
	line-height: 50px;
	width: 60px;
	display: inline-block;
	position: relative;
}

.lotteryDetail {
	float: right;
	width: 124px;
	margin-top: 8px
}

.lotteryDetail h4 {
	text-align: center;
	font-size: 18px;
	margin: 0;
	color: #516073;
	font-weight: 100
}

.lotteryDetail em {
	display: block;
	text-align: center;
	color: #777;
	font-size: 14px;
	margin: 6px 0
}

.lotteryNow {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(81, 96, 115, .9);
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
	z-index: 3
}

.lotteryNow .now {
	border: 1px solid #dfdfdf;
	color: #dfdfdf;
	font-size: 14px;
	padding: 2px 21px;
	margin-top: 33px;
	display: inline-block
}

.lotteryNow .now:hover {
	background: #bd2004;
	border: 1px solid #e6391f
}

.lotteryNow .help {
	position: absolute;
	bottom: 5px;
	right: 6px;
	border-radius: 50%;
	height: 22px;
	width: 22px
}

.lotteryNow .help:hover {
	background: #f70909;
}

.lotteryNow .help:hover i {
	color: #fff
}

.lotteryNow .help i {
	-webkit-transform: translateX(-19px) translateY(13px);
	transform: translateX(-19px) translateY(13px);
	display: block;
	color: #dfdfdf;
	font-size: 23px;
	line-height: 0
}

.layui-layer-tips .layui-layer-content {
	line-height: 12px;
	padding: 5px 8px
}

.layui-layer-TipsG {
	border-bottom-color: transparent!important;
	border-left-color: #bd2004!important;
	top: 6px!important;
	border-width: 5px!important;
	right: -10px!important
}

.lotterySlider {
	float: left;
	width: 80%;
	height: 100%;
	overflow: hidden
}

.helpTip {
	position: absolute;
	color: #fff;
	top: 0;
	left: 50%;
}

.helpTip:after {
	content: "";
	display: block;
	border: 6px dashed transparent;
	border-left-color: #bd2004;
	top: 5px;
	right: -11px;
	position: absolute;
	width: 0;
	height: 0
}

.helpTip em {
	padding: 0 6px;
	display: block;
	width: 64px;
	height: 22px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
	line-height: 22px;
	background: #bd2004;
	border-radius: 3px
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .5s
}

.fade-enter,
.fade-leave-active {
	opacity: 0
}

.winnerListSlide {
	box-sizing: content-box;
	background: #fff;
}

.winnerListSlide .tempWrap {
	height: 100%!important
}

.winnerListCon {
	float: left;
	width: 20%;
	overflow: hidden;
	height: 100%;
	background: #515860;
	box-sizing: border-box
}

.winnerListCon h3 {
	font-size: 20px;
	text-align: center;
	line-height: 45px;
	margin: 0;
	border-bottom: 1px solid #777d84;
	font-weight: 100
}

.color {
	color: #fff
}

.winnerList {
	overflow: hidden;
	cursor: pointer;
	height: 1440px;
	position: relative;
	padding: 0;
	margin: 0
}

.winnerList li {
	padding-left: 8px;
	padding-right: 5px
}

.fold-enter-active,
.fold-leave-active {
	transition: all .5s
}

.fold-enter,
.fold-leave-active {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.betHeader {
	margin-bottom: 15px
}

.betHeader .userName img {
	height: 24px;
	width: 24px
}


.betHeader .snav .accountList a,
.betHeader .snav .messageShow a {
	color: #333
}

.betHeader .service {
	margin-top: 7px
}

.betHeader .service span {
	margin-top: -5px
}

.betHeader .snavAll a:first-child:after {
	content: "\8FD4\56DE\9996\9875";
	margin-left: 2px;
	font-family: Microsoft YaHei
}


.betContent .mybet table img {
	margin: 46px 0
}

.winningList ins {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	color: #555
}

.winningList tr:nth-child(2) ins {
	background: #c12f33;
	background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.winningList tr:nth-child(3) ins {
	background: #53b0fe;
	background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.winningList tr:nth-child(4) ins {
	background: #f8a968;
	background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

#moneyList {
	width: 100%
}

.ssc .betLeft {
	border-right: 1px solid #ddd
}

.ssc .betRight {
	border-left: none
}

.ssc .roundNo img {
	margin: 0 5px
}

.odd {
	text-align: left;
	padding: 0 30px
}

.odd a {
	margin: 6px
}

.ordinaryChase {
	padding: 10px 15px
}

.ordinaryChase input {
	vertical-align: middle;
	height: 30px;
	width: 50px;
	margin-right: 4px;
	text-align: center;
	border: 1px solid #ddd
}

.chaseLonger {
	display: inline-block;
	vertical-align: middle;
	background: #f4f4f4;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd
}

.chaseLonger li {
	float: left;
	width: 45px;
	text-align: center;
	font-weight: 700
}

.chaseLonger .curr {
	color: #f37036
}

.chaseListCon {
	height: 350px;
	overflow: auto
}


.advancedChase td .radioTitle{
	width: 35px;
	display:inline-block;
	/* margin-left:  5px; */
}

.advancedChase table:nth-child(2) tr td {
	border: none
}

.advancedChase hr {
	border: 1px solid #ddd;
	border-top: none;
	clear: both
}


.chaseList {
	table-layout: fixed;
	width: 100%
}

.chaseList input[type=tel] {
	display: inline-block;
	width: 60px;
	height: 22px;
	border: 1px solid #cecece;
	padding: 0 4px
}

.chaseList input[type=checkbox] {
	margin-right: 5px
}

.chaseList tr:last-child td {
	border: none
}

.chaseList td,
.chaseList th {
	padding: 0;
	text-align: left
}

.chaseList td:nth-child(1),
.chaseList th:nth-child(1) {
	width: 54px
}

.chaseList td:nth-child(2),
.chaseList th:nth-child(2) {
	width: 186px
}

.chaseList td:nth-child(3),
.chaseList th:nth-child(3) {
	width: 90px
}

.chaseList td:nth-child(4),
.chaseList td:nth-child(5),
.chaseList th:nth-child(4),
.chaseList th:nth-child(5) {
	width: 84px
}

.chaseList td:first-child,
.chaseList th:first-child {
	padding-left: 14px
}

.chaseList td {
	height: 34px;
	line-height: 34px;
	border-bottom: 1px dotted #ddd
}

.chaseList td em {
	color: #f37036
}

.chaseList th {
	height: 38px;
	line-height: 38px;
	font-weight: 100;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.generalTable td,
.generalTable th {
	text-align: left
}

.generalTable td:nth-child(1),
.generalTable th:nth-child(1) {
	width: 34px
}

.generalTable td:nth-child(2),
.generalTable th:nth-child(2) {
	width: 84px
}

.generalTable td:nth-child(3),
.generalTable th:nth-child(3) {
	width: 54px
}

.generalTable td:nth-child(4),
.generalTable th:nth-child(4) {
	width: 74px
}

.generalTable td:nth-child(5),
.generalTable th:nth-child(5) {
	width: 84px
}

.generalTable td:first-child,
.generalTable th:first-child {
	padding-left: 14px
}

ins {
	margin: 0 4px
}

.betTotal {
	padding: 10px;
	text-align: center;
	font-size: 16px
}

.betTotal em,
.betTotal i {
	color: #f37036
}

.betTotal ._betMoney,
.betTotal ._chaseMoneyTotal,
.betTotal ._totalMoney {
	color: red
}

.betTotal input[type=number],
.betTotal input[type=tel],
.betTotal select {
	border: 1px solid #cecece;
	height: 30px;
	padding: 4px 5px;
	text-align: center;
	margin: 0 5px;
	border-radius: 0;
	vertical-align: baseline
}

.betTotal select {
	padding: 0 5px
}

.betTotal input[type=tel] {
	width: 60px
}

.betTotal input[type=radio] {
	display: none
}

.betTotal .money {
	color: red
}

.betBtn {
	display: block;
	margin: 0 auto;
	line-height: 44px;
	font-size: 20px;
	border-radius: 5px;
	width: 150px;
	text-align: center;
	background: #ea6a31;
	color: #fff;
	margin-bottom: 40px
}

.betBtn:hover {
	text-decoration: blink;
	color: #fff;
	background-color: #d95019;
	background: linear-gradient(180deg, #d64c15 0, #ea6a31)
}

.head6HC .openNumber {
	padding-top: 15px
}

.head6HC .openNumber .number-box em {
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 14px
}

.head6HC .openNumber .number-box span {
	font-size: 14px;
	color: #333
}

.headPK10 .announced .roundNo {
	margin-top: 10px;
	padding: 0 30px;
	font-size: 0;
	line-height: 0
}

.headPK10 .announced .roundNo img,
.headPK10 .announced .roundNo li {
	width: 35px;
	margin: 0 4px;
	margin-bottom: 2px
}

.headPK10 .announced .roundNo li {
	height: 40px;
	background-size: 35px;
	font-size: 16px;
	line-height: 35px;
	font-weight: 700
}

.headPK10 .announced .roundNo img {
	line-height: 0
}

.headKL8 .announced .roundNo {
	margin-top: 19px;
	font-size: 0;
	line-height: 0
}

.headKL8 .announced .roundNo li {
	width: 25px;
	height: 31px;
	background-size: 25px;
	font-size: 12px;
	line-height: 25px;
	margin: 0 1px
}

.headKL8 .announced .roundNo img {
	width: 25px;
	height: 31px;
	margin: 0 1px
}

.betTitle {
	padding: 15px
}

.betTitle .announced .announcedTitle,
.betTitle .betLogo h2,
.betTitle .time .timeTitle {
	text-align: center;
	margin: 15px 0;
	font-size: 14px;
	color: #333;
	font-weight: 700
}

.betTitle .announcedTitle b,
.betTitle .timeTitle b {
	color: red;
	margin: 0 5px
}

.betTitle .announced,
.betTitle .betLogo,
.betTitle .time {
	background: url(http://imagess-google.com/system/pc/k3/betBg.png);
	float: left;
	height: 140px;
	border-radius: 6px
}

.betTitle .betLogo {
	width: 284px;
	margin-right: 10px;
	text-align: center
}

.betTitle .betLogo h2 {
	font-size: 24px
}

.betTitle .betLogo i {
	font-size: 60px;
	line-height: 70px;
	border-radius: 50%;
	padding: 4px;
	position: relative;
	margin-left: -52px;
	top: -3px
}

.betTitle .betLogo i:after {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0
}

.betTitle .betLogo i:before {
	content: "";
	position: absolute;
	display: block;
	height: 1px;
	width: 36px;
	box-shadow: 0 0 10px 2px #b7a4a4;
	background: #dac9c9;
	z-index: 1;
	left: 12px;
	bottom: 3px
}

.betTitle .time {
	width: 380px;
	text-align: center;
	margin-right: 10px
}

.betTitle .time em {
	display: inline-block;
	height: 52px;
	color: #fff;
	font-size: 38px;
	line-height: 52px;
	font-family: Microsoft Yahei;
	margin-top: 6px;
	width: 200px;
	background: #455467;
	border-radius: 3px;
	text-shadow: 0 1px 1px #000
}

.betTitle .announced {
	width: 284px;
	text-align: center;
	position: relative;
	overflow: hidden
}

.betTitle .announced .announcedTitle {
	margin-bottom: 0
}

.betTitle .announced .announcedNo li {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: 19px 22px 0 0;
	float: left;
	background: url(http://imagess-google.com/system/pc/k3/open_num.png) no-repeat center 0
}

.betTitle .announced .announcedNo li:last-child {
	margin-right: 0
}

.betTitle .announced .announcedNoText {
	position: relative;
	z-index: 3!important;
	-webkit-transform: translateY(-95px);
	transform: translateY(-95px)
}

.betTitle .announced .announcedNoText li {
	background: none;
	font-size: 30px
}

.betTitle .announced img {
	margin: 0 5px
}

.betTitle .announced .announcedNo {
	display: inline-block;
	margin: 0 auto;
	margin-top: 2px;
	position: relative;
	z-index: 4
}

.betTitle .announced .announcedNo img {
	margin: 0;
	margin-top: 9px
}

.betTitle .announced .announcedNo img+img {
	margin-left: 19px
}

.betTitle #Results .announcedNo1 {
	background-position: 0 0
}

.betTitle #Results .announcedNo2 {
	background-position: 0 -61px
}

.betTitle #Results .announcedNo3 {
	background-position: 0 -122px
}

.betTitle #Results .announcedNo4 {
	background-position: 0 -183px
}

.betTitle #Results .announcedNo5 {
	background-position: 0 -244px
}

.betTitle #Results .announcedNo6 {
	background-position: 0 -305px
}

.roundNo {
	text-align: center;
	margin-top: 26px
}

.roundNo li {
	display: inline-block;
	width: 42px;
	height: 48px;
	margin: 0 5px;
	position: relative;
	background: url(http://imagess-google.com/system/pc/ssc/ballOpenBg.png) no-repeat;
	font-size: 22px;
	line-height: 42px;
	color: #a12836;
	text-shadow: 1px 1px 1px #f5f5f5
}

.isLotteryCon {
	color: #333;
	position: fixed;
	top: 2.3em;
	left: 0;
	width: 100%;
	background: #e1d9ba;
	z-index: 5;
	height: 3.75em
}

.result {
	float: left;
	padding-top: .24em;
	border-top: 1px solid #fff;
	width: 68%
}

.timebar {
	float: left;
	position: relative;
	border-top: 1px solid #fff;
	width: 32%
}

.timebar:before {
	content: "";
	display: block;
	position: absolute;
	height: calc(3.75em - 1px);
	width: 1px;
	background-image: -webkit-linear-gradient(0deg, #bdb48b, #bdb48b 50%, transparent 0);
	left: 0;
	top: 0
}

.up {
	margin-top: -1rem
}

.openNumber {
	width: 100%;
	padding: 0 .6em;
	margin-top: .46em;
	font-size: .7em;
	display: table;
	table-layout: fixed
}

.number-box {
	vertical-align: top;
	display: table-cell;
	margin: 0 .3em;
	text-align: center
}

.number-box em,
.number-box span {
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center
}

.number-box em {
	height: 1.8em;
	width: 1.8em;
	line-height: 1.8em;
	box-shadow: 0 1px 1px #bbb59c;
	border-radius: 50%;
	color: #fff;
	font-size: .8em;
	margin-bottom: .4em
}

.number-box em.red {
	background: linear-gradient(0deg, #f87b7e 0, #dc3b40 75%);
	background: -webkit-linear-gradient(top, #f87b7e, #dc3b40 75%)
}

.number-box em.blue {
	background: linear-gradient(0deg, #6ebefa 0, #218ddd 75%);
	background: -webkit-linear-gradient(top, #6ebefa, #218ddd 75%)
}

.number-box em.green {
	background: linear-gradient(0deg, #69d893 0, #38b366 75%);
	background: -webkit-linear-gradient(top, #69d893, #38b366 75%)
}

.number-box.plus {
	width: 1em
}

.number-box.plus em {
	color: #333;
	box-shadow: none;
	font-size: 1.1em;
	line-height: 1.2em;
	width: 100%!important
}

.number-box.plus span {
	line-height: 30px
}

.number-box:first-child,
.number-box:last-child {
	margin-right: 0
}

.number-box span {
	line-height: 1.4
}

.text-small {
	font-size: .7em;
	line-height: 1.3em;
	margin-left: 1em;
	display: block
}

.past-open {
	position: absolute;
	top: 3.74em;
	left: 0;
	width: 100%;
	min-height: 10rem;
	border-top: 1px solid #fff;
	background: #e1d9ba
}

.past-open-table {
	width: 100%;
	font-size: .7em
}

.past-open-table th {
	font-weight: 400;
	line-height: 2.4em;
	border-bottom: 1px solid #bdb48b;
	color: #666
}

.past-open-table td {
	padding: .2rem .4rem
}

.past-open-table td:first-child,
.past-open-table td:last-child {
	width: 5.6em;
	color: #666
}

.past-open-result {
	position: relative;
	border-left: 1px solid #bdb48b
}

td.past-open-result {
	padding: .2rem .7rem;
	padding-right: .3rem
}

.past-open-result:before {
	content: "";
	width: .8em;
	height: 1px;
	background: #a7a182;
	position: absolute;
	left: -.4em;
	top: 50%
}

.past-open-result-box {
	font-size: .7em;
	text-align: center;
	float: left;
	width: 12.5%
}

.past-open-result-box em {
	font-size: 1.3em;
	display: block
}

.past-open-result-box span {
	color: #666
}

.past-open-result-box .red {
	color: #dc3b40
}

.past-open-result-box .blue {
	color: #218ddd
}

.past-open-result-box .green {
	color: #38b366
}

.timebar-issue {
	padding-top: .24em;
	font-size: .7em;
	line-height: 1.5em;
	text-align: center
}

.timebar h4 {
	color: #333;
	text-align: center;
	font-weight: 400
}

.betRight {
	float: left;
	width: 258px;
	min-height: 500px;
	box-sizing: border-box;
}

.betRight .box .bonus {
	color: #e4393c
}

.betRight .box h3 {
	border-bottom: 1px solid #ddd;
	background: #455467;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	margin: 15px 0 6px 8px;
	text-align: center;
	height: 26px;
	line-height: 26px;
	font-weight: 100;
	font-size: 12px;
	padding: 0 6px
}

.betRight .box .notSelect {
	background: #d6d6d6;
	color: #666;
	cursor: pointer
}

.betRight .box table {
	text-align: center
}

.betRight .box table tr:hover {
	background: #f8f8fa
}

.betRight .box table th {
	background: #f2f4f7;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-weight: 400;
	color: #666;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
}

.betRight .box table .sum {
	font-weight: 700
}

.betRight .box table td {
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #666;
	border-right: 1px dotted #ebebeb;
	border-bottom: 1px dashed #ebebeb;
	font-size: 12px;
}

.betRight .box table td em {
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 2px;
	color: #fff;
	vertical-align: middle;
	line-height: 18px;
	font-size: 12px;
}

.betRight .box table td em+em {
	margin-left: 6px
}

.betRight .box table td .shuang,
.betRight .box table td .xiao {
	background: #ff9726
}

.betRight .box table td .da,
.betRight .box table td .dan {
	background: #5691d7
}

.betRight .box table td:first-child a,
.betRight .box table td:first-child {
	color: #555
}

.betRight .box table .money,
.betRight .box table .win {
	color: #ff9600
}

.betRight .box .more {
	width: 100%
}

.betRight .box .more td {
	text-align: right;
	padding-right: 15px
}

.betRight .box .more td a {
	color: #f37036
}

.betRight .winnerListSlide {
	height: 539px
}

.betRight .winnerListSlide li {
	border-bottom: 1px dotted #ddd;
	padding-top: 5px
}

.betRight .winnerListSlide li:hover {
	background: #f8f8fa
}

.betRight .today table td:nth-child(2) {
	color: #ff9600
}

.betRight .today a {
	color: #ff9831
}

.betRight .today a:hover {
	color: #e4393c
}

.betRight .today .more {
	display: inline-block;
	width: 156px!important;
	margin: 0 8px;
	height: 26px;
	text-align: right
}

.betRight .today .more a {
	background: #fff;
	display: inline-block;
	line-height: 13px;
	color: #555;
	padding-right: 5px
}

.betRight .today .more a:last-child {
	padding-left: 5px;
	background: #fff;
	border-left: 1px solid #555
}

.betRight .today .more a:hover {
	color: #f37036;
	text-decoration: underline
}

.betRight .winningList ins {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	color: #555
}

.betRight .winningList tr:nth-child(2) ins {
	background: #c12f33;
	background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.betRight .winningList tr:nth-child(3) ins {
	background: #53b0fe;
	background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.betRight .winningList tr:nth-child(4) ins {
	background: #f8a968;
	background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.betRight .winningList h3 {
	cursor: pointer
}

.betRight .winningList .bd .tempWrap,
.betRight .winningList .bd {
	width: 100%;
	padding: 0
}

.betRight .winningList .tempWrap {
	vertical-align: initial
}

.betRight .winningList table tr:nth-child(2) td:nth-child(3),
.betRight .winningList table tr:nth-child(3) td:nth-child(3),
.betRight .winningList table tr:nth-child(4) td:nth-child(3) {
	overflow: hidden;
	font-size: 0
}

.betRight .winningList table tr:nth-child(2) td:nth-child(3) {
	background: url(http://imagess-google.com/system/pc/k3/ko1.png) no-repeat 50%
}

.betRight .winningList table tr:nth-child(3) td:nth-child(3) {
	background: url(http://imagess-google.com/system/pc/k3/ko2.png) no-repeat 50%
}

.betRight .winningList table tr:nth-child(4) td:nth-child(3) {
	background: url(http://imagess-google.com/system/pc/k3/ko3.png) no-repeat 50%
}

.betRight .winningList table td:nth-child(2) {
	color: #cc0a2f;
	width: 40px;
	text-align: center
}

.betRight .winningList table td:nth-child(2):before {
	background: radial-gradient(circle at 100px 100px, #5cabff, #000)
}

.betRight .winningList table td:nth-child(3) {
	width: 46px;
	text-align: center;
	font-size: 14px
}

.betRight .winningList table td {
	text-align: left;
	padding: 7px 15px;
	padding-right: 12px;
	border-right: none
}

.betRight .winningList table td img {
	height: 36px;
	width: 36px;
	float: left;
	border-radius: 50%;
	margin-right: 9px;
	transition: .5s
}

.betRight .winningList table td p {
	margin: 0;
	margin-top: 0;
	line-height: 1.7;
	height: 36px;
	font-size: 12px;
}

.betRight .winningList table td p i {
	color: red
}

.betRight .winningList table td:hover img {
	opacity: .8
}

.betRight .winningList table td:nth-child(1) {
	width: 280px
}

.betRight .winningList div {
	float: left;
	width: 78%;
	line-height: 1.5
}

.fold-enter-active,
.fold-leave-active {
	transition: all .5s
}

.fold-enter,
.fold-leave-active {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.ResultsList {
	min-height: 279px
}

.betNavCon {
	width: 100%;
	overflow: hidden
}

.betNav {
	height: 38px;
	margin: 0 34px;
	transition: .6s;
	width: 3000px;
	overflow: hidden
}

.betNav li {
	display: inline-block;
	width: 112px;
	float: left;
	text-align: center;
	/* box-sizing: border-box; */
	font-size: 16px;
	line-height: 38px;
	background: #fff;
	cursor: pointer;
	color: #333;
}


.betNav li {
	border-right: 1px solid #ddd;
}

.betNav .active {
	background: #ea6a31;
	color: #fff
}

.betNavtab {
	height: 38px;
	position: absolute;
	right: 0;
	top: 0;
	background: #ececec;
	width: 35px;
	background: linear-gradient(#fff 2%, #ececec);
	border-left: 1px solid #ddd;
	cursor: auto
}

.betNavtab.left {
	left: 0;
	border-right: 1px solid #ddd;
	border-left: none
}

.betNavtab.left em {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-left: 3px
}

.betNavtab:active {
	background: linear-gradient(#ececec 2%, #fff)
}

.betNavtab span {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	border: 1px solid;
	margin: 11px 9.5px;
	cursor: pointer
}

.betNavtab em {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid;
	display: block;
	margin: 5px 3px;
	transition: .5s;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-left: 4px
}

.betNavtab em:before {
	content: "";
	display: block;
	width: 38px;
	height: 35px;
	position: absolute;
	margin-left: -19px;
	margin-top: -21px
}

.betNavtabClass{
	pointer-events:none;
	cursor:not-allowed;
	color:#ccc;
}

.betFilter {
	text-align: left;
	box-sizing: border-box;
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	background: #f2f4f7;
	border-top: 1px solid #ddd;
	height: 52px;
}

.betFilter li {
	display: inline;
	padding: 4px 5px;
	line-height: 30px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	color: #555;
	font-size: 14px;
	margin-right: 13px;
	margin-bottom: 5px
}

.betFilter .curr,
.betFilter li:hover {
	background: #ff9726;
	color: #fff
}


.betTip i {
	font-size: 14px;
	margin-right: 3px
}

.betTip i,
.betTip ins {
	color: #ff9831
}

.betTip ins {
	color: red
}

.checkNumber span {
	color: #333
}

.checkNumber .B a,
.checkNumber .E a {
	padding: 0 14px;
	line-height: 46px
}

.checkNumber .C a {
	padding: 0 8px
}

.checkNumber .G {
	padding: 0 30px
}

.checkNumber ul {
	text-align: center
}

.checkNumber ul li {
	display: inline-block;
	margin: 12px 15px;
	vertical-align: top;
}

.checkNumber ul li a em {
	padding-left: 8px;
	padding-right: 10px
}

.checkNumber ul li a em+em {
	padding-left: 10px;
	padding-right: 8px;
	border-left: 1px dashed #ccc
}

.checkNumber ul li a span {
	color: #111
}

.checkNumber ul li a i {
	padding: 0 15px
}

.checkNumber {
	margin: 24px 15px;
	padding: 25px 0;
	background: url(http://imagess-google.com/system/pc/k3/betBg.png);
	border-radius: 6px
}

.checkedList {
	border: 1px solid #ddd;
	margin: 15px;
	padding: 10px;
	height: 188px;
	overflow-y: auto;
	margin-top: 40px;
	background: #fff
}

.checkedList table {
	width: 100%
}

.checkedList table tr {
	background: #f4f4f4
}

.checkedList table tr td {
	padding: 5px 10px
}

.checkedList table tr+tr td {
	font-size: 12px;
}

.checkedList .eachPrice {
	width: 70px;
	height: 23px;
	padding: 4px 5px;
	border: 1px solid #ddd;
	margin: 0 3px
}

.checkedList .orderMoney {
	color: red
}

.checkedList .orderCancel {
	color: #ff9600;
	cursor: pointer
}

.checkedList .order_type {
	display: inline-block;
	max-width: 180px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
	font-size: 12px;
}

.betHeader {
	margin-bottom: 15px
}

.betHeader .userName img {
	height: 24px;
	width: 24px
}


.betHeader .snav .accountList a,
.betHeader .snav .messageShow a {
	color: #333
}

.betHeader .service {
	margin-top: 7px
}

.betHeader .service span {
	margin-top: -5px
}


.betHeader .snavAll a:first-child:after {
	content: "\8FD4\56DE\9996\9875";
	margin-left: 2px;
	font-family: Microsoft YaHei
}


.betContent .mybet table img {
	margin: 46px 0
}

.winningList ins {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	color: #555
}

.winningList tr:nth-child(2) ins {
	background: #c12f33;
	background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.winningList tr:nth-child(3) ins {
	background: #53b0fe;
	background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.winningList tr:nth-child(4) ins {
	background: #f8a968;
	background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

#moneyList {
	width: 100%
}

.ssc .betLeft {
	border-right: 1px solid #ddd
}

.ssc .betRight {
	border-left: none
}

.ssc .roundNo img {
	margin: 0 5px
}

.odd {
	text-align: left;
	padding: 0 30px
}

.odd a {
	margin: 6px
}

.ordinaryChase {
	padding: 10px 15px
}

.ordinaryChase input {
	vertical-align: middle;
	height: 30px;
	width: 50px;
	margin-right: 4px;
	text-align: center;
	border: 1px solid #ddd
}

.chaseLonger {
	display: inline-block;
	vertical-align: middle;
	background: #f4f4f4;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd
}

.chaseLonger li {
	float: left;
	width: 45px;
	text-align: center;
	font-weight: 700
}

.chaseLonger .curr {
	color: #f37036
}

.chaseListCon {
	height: 350px;
	overflow: auto
}


.advancedChase td:nth-child(1) {
	border-right: 1px dashed #e3e3e3;
}


.advancedChase table:nth-child(2) tr td {
	border: none
}

.advancedChase hr {
	border: 1px solid #ddd;
	border-top: none;
	clear: both
}

.chaseList {
	table-layout: fixed;
	width: 100%
}

.chaseList input[type=tel] {
	display: inline-block;
	width: 60px;
	height: 22px;
	border: 1px solid #cecece;
	padding: 0 4px
}

.chaseList input[type=checkbox] {
	margin-right: 5px
}

.chaseList tr:last-child td {
	border: none
}

.chaseList td,
.chaseList th {
	padding: 0;
	text-align: left
}

.chaseList td:nth-child(1),
.chaseList th:nth-child(1) {
	width: 54px
}

.chaseList td:nth-child(2),
.chaseList th:nth-child(2) {
	width: 186px
}

.chaseList td:nth-child(3),
.chaseList th:nth-child(3) {
	width: 90px
}

.chaseList td:nth-child(4),
.chaseList td:nth-child(5),
.chaseList th:nth-child(4),
.chaseList th:nth-child(5) {
	width: 84px
}

.chaseList td:first-child,
.chaseList th:first-child {
	padding-left: 14px
}

.chaseList td {
	height: 34px;
	line-height: 34px;
	border-bottom: 1px dotted #ddd
}

.chaseList td em {
	color: #f37036
}

.chaseList th {
	height: 38px;
	line-height: 38px;
	font-weight: 100;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.generalTable td,
.generalTable th {
	text-align: left
}

.generalTable td:nth-child(1),
.generalTable th:nth-child(1) {
	width: 34px
}

.generalTable td:nth-child(2),
.generalTable th:nth-child(2) {
	width: 84px
}

.generalTable td:nth-child(3),
.generalTable th:nth-child(3) {
	width: 54px
}

.generalTable td:nth-child(4),
.generalTable th:nth-child(4) {
	width: 74px
}

.generalTable td:nth-child(5),
.generalTable th:nth-child(5) {
	width: 84px
}

.generalTable td:first-child,
.generalTable th:first-child {
	padding-left: 14px
}


.betFilter li {
	display: inline;
	padding: 4px 5px;
	line-height: 30px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	color: #555;
	font-size: 14px;
	margin-right: 13px;
	margin-bottom: 5px
}

.betFilter .curr,
.betFilter li:hover {
	background: #ff9726;
	color: #fff
}

.betFilterAnd {
	padding: 10px 15px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	line-height: 2.2
}

.betFilterAnd li {
	margin: 4px 0
}

.betFilterAnd span {
	vertical-align: top;
	display: inline-block;
	font-weight: 700;
	color: #555;
	width: 64px;
	position: relative;
	margin-left: 22px
}

.betFilterAnd span:before {
	content: "";
	display: block;
	width: 1px;
	height: 54px;
	background: #e7e7e8;
	position: absolute;
	top: -14px;
	left: -16px
}

.betFilterAnd span:after {
	background: #fff;
	border: 1px solid #e7e7e8;
	border-radius: 50%;
	content: "";
	display: block;
	height: 11px;
	left: -21px;
	position: absolute;
	top: 7px;
	width: 11px
}

.betFilterAnd div {
	display: inline-block;
	max-width: 620px
}

.betFilterAnd div a {
	color: #555;
	margin-right: 15px;
	padding: 4px 6px;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.betFilterAnd div ul li {
	float: left;
	color: #555;
	margin-right: 15px;
	padding: 2px 4px;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 0;
	margin-bottom: 0;
}

.betFilterAnd div .curr,
.betFilterAnd div li:hover {
	background: #ff9726;
	color: #fff
}

.betFilterAnd.modeZM span:before {
	height: 80px
}

.betFilterAnd.modeZM div ul li {
	display: inline-block;
	width: 60px;
	line-height: 17px;
	height: 25px;
	text-align: center
}


.betTip i {
	font-size: 14px;
	margin-right: 3px
}

.betTip i,
.betTip ins {
	color: #ff9831
}

.betTip ins {
	color: red
}

.hoverMoney,
.selectEg {
	display: inline;
	margin-left: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	color: #ff9831
}

.hoverMoney .submitBtn,
.selectEg .submitBtn {
	background: #f37036;
	color: #fff;
	text-decoration: initial
}

.EgContent,
.hoverContent {
	display: none;
	background: #2e4158;
	margin-left: 8px;
	color: #fff;
	border-radius: 4px;
	position: relative;
	z-index: 999
}

.EgContent ul,
.hoverContent ul {
	display: block;
	margin: 2px 10px;
	width: 100%
}

.EgContent ul li,
.hoverContent ul li {
	white-space: nowrap
}

.hoverContent {
	background: initial;
	margin-left: 4px
}

.hoverContent table {
	background: #455467;
	border-radius: 4px;
	overflow: hidden
}

.hoverContent table th {
	font-weight: 400
}

.hoverContent table td,
.hoverContent table th {
	white-space: nowrap;
	padding: 4px 10px;
	text-align: center;
	box-shadow: 0 1px 0 #505e70, 1px 0 0 #505e70
}

.hoverMoney:hover~.hoverContent,
.selectEg:hover~.EgContent {
	display: inline;
	float: left;
	position: absolute
}

.sscCheckNumber {
	padding: 15px 0!important;
	padding-bottom: 5px!important
}

.sscCheckNumber ul li {
	display: table;
	margin: 10px 0
}

.sscCheckNumber {
	margin: 24px 15px;
	padding: 25px 0;
	background: url(http://imagess-google.com/system/pc/k3/betBg.png);
	border-radius: 6px
}

.betTotal {
	padding: 10px;
	text-align: center;
	font-size: 16px
}

.betTotal em,
.betTotal i {
	color: #f37036
}

.betTotal ._betMoney,
.betTotal ._chaseMoneyTotal,
.betTotal ._totalMoney {
	color: red
}

.betTotal input[type=number],
.betTotal input[type=tel],
.betTotal select {
	border: 1px solid #cecece;
	height: 30px;
	padding: 4px 5px;
	text-align: center;
	margin: 0 5px;
	border-radius: 0;
	vertical-align: baseline
}

.betTotal select {
	padding: 0 5px
}

.betTotal input[type=tel] {
	width: 60px
}

.betTotal input[type=radio] {
	display: none
}

.betTotal .money {
	color: red
}

.inputAdd {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 5px
}

.inputAdd i {
	background: #f4f4f4;
	height: 30px;
	line-height: 28px;
	width: 21px;
	text-align: center;
	float: left;
	border: 1px solid #e3e4e6;
	color: #686869;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.inputAdd i:nth-child(1) {
	border-right: none
}

.inputAdd i:last-child {
	border-left: none
}

.inputAdd input {
	margin: 0!important;
	float: left;
	color: #686869
}

.inputAdd input:focus {
	outline: none
}

.inputAdd .off {
	color: #c3c8d3;
	cursor: default
}

.buyNumber a {
	-webkit-filter: none!important;
	filter: none!important
}

.selectMini .buyNumber,
.selectSYX5 .buyNumber {
	text-align: left;
	padding: 0 4px
}

.selectDsds .buyNumber {
	width: 600px
}

.selectSYX5 .buyNumberTitle {
	width: 55px;
	font-size: 12px;
	margin-right: 10px
}

.selectSYX5 .buyNumberFilter {
	padding: 0;
	width: 82px;
	margin-left: 4px
}

.selectCenter {
	width: 710px
}

.selectMini .buyNumberTitle {
	margin-right: 20px
}

.selectMini .buyNumber {
	width: 610px
}

.buyNumber,
.buyNumberFilter,
.buyNumberTitle {
	display: block;
	float: left
}

.buyNumber .curr,
.buyNumber a:hover,
.buyNumberFilter .curr,
.buyNumberFilter a:hover,
.checkNumber .active a,
.checkNumber a:hover {
	*background: #ea6a31;
	background: #ea6a31\0
}

.buyNumberTitle {
	width: 63px;
	height: 26px;
	background: #455467;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
	border-radius: 0 3px 3px 0;
	margin: 11px 0;
	margin-right: 25px;
	position: relative
}

.buyNumberTitle i {
	position: absolute;
	display: block;
	right: -5px;
	top: 8px;
	border-top: 5px solid transparent;
	border-left: 5px solid #455467;
	border-bottom: 5px solid transparent
}

.buyNumber {
	min-width: 500px;
	text-align: center;
	margin: 5px 0
}

.buyNumber a,
.buyNumber ins {
	display: inline-block;
	margin: 0 6px;
	background: #cecece;
	border: 1px solid #c0c5d2;
	line-height: 38px;
	font-size: 18px;
	color: #000;
	box-shadow: 0 1px 3px #d4d4d4, inset 0 -1px 5px #fff;
	text-align: center;
	background: linear-gradient(180deg, #fff 0, #f1efef);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1efef", GradientType=0);
	*background: #f7f7f7;
	background: #f7f7f7\0;
	-webkit-filter: none;
	filter: none;
	cursor: pointer;
	margin-bottom: 10px
}

.buyNumber a {
	width: 38px;
	height: 38px;
	border-radius: 50%
}

.buyNumber ins {
	height: 42px;
	width: 92px;
	line-height: 42px;
	border-radius: 4px
}

.buyNumberFilter {
	width: 121px;
	padding: 0 20px
}

.buyNumberFilter a {
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	background: #fff;
	border: 1px solid #c1c6d2;
	margin: 2px 3px;
	border-radius: 2px;
	text-align: center;
	line-height: 18px;
	box-shadow: inset 0 -1px 5px #fff;
	background: linear-gradient(180deg, #fff 0, #f1efef);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1efef", GradientType=0)
}

.buyNumber .curr,
.buyNumber a:hover,
.buyNumberFilter .curr,
.buyNumberFilter a:hover,
.checkNumber .active a,
.checkNumber a:hover {
	background: linear-gradient(180deg, #d64b15 30%, #ea6a31);
	background: -moz-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d64b15", endColorstr="#ea6a31", GradientType=0);
	border: 1px solid #d24c10;
	color: #fff;
	text-decoration: blink;
	box-shadow: inherit
}

.textareaNumber {
	padding: 0 15px
}

.numberTextarea {
	position: relative;
	height: 180px
}

.numberTextarea textarea {
	line-height: 1.8em;
	height: 180px;
	background: none;
	border: 0;
	resize: none;
	width: 710px;
	padding: 10px;
	color: #666;
	background: #f9f9f9;
	border: 1px solid #cacaca
}

.numberTextarea p {
	position: absolute;
	left: 0;
	top: 0;
	color: #666;
	line-height: 26px;
	cursor: text;
	height: 155px;
	width: 630px;
	padding: 0 10px;
	padding-left: 64px
}

.numberImport {
	display: inline;
	margin-left: 4px
}

.numberImport .submitBtn {
	background: #f37036;
	color: #fff;
	text-decoration: initial
}

.numberImport a {
	margin-right: 10px;
	position: relative;
	font-size: 13px;
	color: #ff9831;
	text-decoration: underline
}

.numberImport a p {
	display: none
}

.numberBtn .submitBtn {
	background: initial;
	color: #666;
	border: 1px solid #cacaca;
	line-height: 28px
}

.numberBtn a:hover {
	background: #f37036;
	color: #fff;
	border-color: #f37036
}

.selectEg {
	display: inline;
	margin-left: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.selectEg .submitBtn {
	background: #f37036;
	color: #fff;
	text-decoration: initial
}

.EgContent {
	display: none;
	background: #2e4158;
	margin-left: 8px;
	color: #fff;
	border-radius: 4px;
	position: relative;
	z-index: 999
}

.EgContent ul {
	display: block;
	margin: 2px 10px;
	width: 100%
}

.EgContent ul li {
	white-space: nowrap
}

.selectEg:hover~.EgContent {
	display: inline;
	float: left;
	position: absolute
}

.textareaNumber {
	padding: 0 15px
}

.numberTextarea {
	position: relative;
	height: 180px
}

.numberTextarea textarea {
	height: 180px;
	background: none;
	border: 0;
	resize: none;
	width: 710px;
	padding: 10px;
	color: #666;
	background: #f9f9f9;
	border: 1px solid #cacaca;
	line-height: 1.8em
}

.numberTextarea p {
	position: absolute;
	left: 0;
	top: 0;
	color: #666;
	line-height: 26px;
	cursor: text;
	height: 155px;
	width: 630px;
	padding: 0 10px;
	padding-left: 64px
}

.numberImport {
	display: inline;
	margin-left: 4px
}

.numberImport .submitBtn {
	background: #f37036;
	color: #fff;
	text-decoration: initial
}

.numberImport a {
	margin-right: 10px;
	position: relative;
	font-size: 13px;
	color: #ff9831;
	text-decoration: underline
}

.numberImport a p {
	display: none
}

.numberBtn .submitBtn {
	background: initial;
	color: #666;
	border: 1px solid #cacaca;
	line-height: 28px
}

.numberBtn a:hover {
	background: #f37036;
	color: #fff;
	border-color: #f37036
}

.selectEg {
	display: inline;
	margin-left: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.selectEg .submitBtn {
	background: #f37036;
	color: #fff;
	text-decoration: initial
}

.EgContent {
	display: none;
	background: #2e4158;
	margin-left: 8px;
	color: #fff;
	border-radius: 4px;
	position: relative;
	z-index: 999
}

.EgContent ul {
	display: block;
	margin: 2px 10px;
	width: 100%
}

.EgContent ul li {
	white-space: nowrap
}

.selectEg:hover~.EgContent {
	display: inline;
	float: left;
	position: absolute
}

.checkedList {
	border: 1px solid #ddd;
	margin: 15px;
	padding: 10px;
	height: 188px;
	overflow-y: auto;
	margin-top: 40px;
	background: #fff
}

.checkedList table {
	width: 100%
}

.checkedList table tr {
	background: #f4f4f4
}

.checkedList table tr td {
	padding: 5px 10px;
	font-size: 12px;
}

.checkedList .eachPrice {
	width: 70px;
	height: 23px;
	padding: 4px 5px;
	border: 1px solid #ddd;
	margin: 0 3px
}

.checkedList .orderMoney {
	color: red
}

.checkedList .orderCancel {
	color: #ff9600;
	cursor: pointer
}

.checkedList .order_type {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top
}

.radioLabel {
	cursor: pointer;
	display: inline-block;
	padding-left: 30px;
	position: relative
}

.radioLabel:before {
	content: "\E628";
	display: inline;
	color: #e4393c;
	margin-left: -20px;
	position: absolute;
	width: 16px;
	font-family: iconfont;
	font-size: 12px;
	top:3px;
}

.radio .radioLabel:before {
	border-radius: 8px
}

input[type=radio]:checked+label:before {
	content: "\E629";
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.chase {
	margin: 15px;
	border: 1px solid #ddd
}

.chaseSort {
	height: 38px;
	line-height: 38px;
	background: #fafafa;
	border-bottom: 1px solid #ddd
}

.chaseSort li {
	float: left;
	width: 94px;
	height: 38px;
	border-right: 1px solid #ddd;
	text-align: center;
	font-size: 14px
}

.chaseSort label {
	float: right;
	margin-right: 10px;
	cursor: pointer
}

.chaseSort label i {
	color: #ff9726;
	font-weight: 700
}

.chaseSort .curr {
	background: #fff
}

.chaseSort input[type=checkbox] {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}


.betHeader {
	margin-bottom: 15px
}

.betHeader .userName img {
	height: 24px;
	width: 24px
}


.betHeader .snav .accountList a,
.betHeader .snav .messageShow a {
	color: #333
}

.betHeader .service {
	margin-top: 7px
}

.betHeader .service span {
	margin-top: -5px
}


.betHeader .snavAll a:first-child:after {
	content: "\8FD4\56DE\9996\9875";
	margin-left: 2px;
	font-family: Microsoft YaHei
}

.betContent .mybet table img {
	margin: 46px 0
}

.winningList ins {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	color: #555
}

.winningList tr:nth-child(2) ins {
	background: #c12f33;
	background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.winningList tr:nth-child(3) ins {
	background: #53b0fe;
	background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.winningList tr:nth-child(4) ins {
	background: #f8a968;
	background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

#moneyList {
	width: 100%
}

.ssc .betLeft {
	border-right: 1px solid #ddd
}

.ssc .betRight {
	border-left: none
}

.ssc .roundNo img {
	margin: 0 5px
}

.odd {
	text-align: left;
	padding: 0 30px
}

.odd a {
	margin: 6px
}

.ordinaryChase {
	padding: 10px 15px
}

.ordinaryChase input {
	vertical-align: middle;
	height: 30px;
	width: 50px;
	margin-right: 4px;
	text-align: center;
	border: 1px solid #ddd
}

.chaseLonger {
	display: inline-block;
	vertical-align: middle;
	background: #f4f4f4;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd
}

.chaseLonger li {
	float: left;
	width: 45px;
	text-align: center;
	font-weight: 700
}

.chaseLonger .curr {
	color: #f37036
}

.chaseListCon {
	height: 350px;
	overflow: auto
}



.advancedChase table:nth-child(2) tr td {
	border: none
}

.advancedChase hr {
	border: 1px solid #ddd;
	border-top: none;
	clear: both
}


.chaseList {
	table-layout: fixed;
	width: 100%
}

.chaseList input[type=tel] {
	display: inline-block;
	width: 60px;
	height: 22px;
	border: 1px solid #cecece;
	padding: 0 4px
}

.chaseList input[type=checkbox] {
	margin-right: 5px
}

.chaseList tr:last-child td {
	border: none
}

.chaseList td,
.chaseList th {
	padding: 0;
	text-align: left
}

.chaseList td:nth-child(1),
.chaseList th:nth-child(1) {
	width: 54px
}

.chaseList td:nth-child(2),
.chaseList th:nth-child(2) {
	width: 186px
}

.chaseList td:nth-child(3),
.chaseList th:nth-child(3) {
	width: 90px
}

.chaseList td:nth-child(4),
.chaseList td:nth-child(5),
.chaseList th:nth-child(4),
.chaseList th:nth-child(5) {
	width: 84px
}

.chaseList td:first-child,
.chaseList th:first-child {
	padding-left: 14px
}

.chaseList td {
	height: 34px;
	line-height: 34px;
	border-bottom: 1px dotted #ddd
}

.chaseList td em {
	color: #f37036
}

.chaseList th {
	height: 38px;
	line-height: 38px;
	font-weight: 100;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.generalTable td,
.generalTable th {
	text-align: left
}

.generalTable td:nth-child(1),
.generalTable th:nth-child(1) {
	width: 34px
}

.generalTable td:nth-child(2),
.generalTable th:nth-child(2) {
	width: 84px
}

.generalTable td:nth-child(3),
.generalTable th:nth-child(3) {
	width: 54px
}

.generalTable td:nth-child(4),
.generalTable th:nth-child(4) {
	width: 74px
}

.generalTable td:nth-child(5),
.generalTable th:nth-child(5) {
	width: 84px
}

.generalTable td:first-child,
.generalTable th:first-child {
	padding-left: 14px
}

.bet {
	background: #fff;
	position: relative;
}

.betHeader {
	margin-bottom: 15px;
	color: #fff;
}

.betHeader .userName img {
	height: 24px;
	width: 24px
}

.betHeader .snav {
	background: #232323;
	color: #fff;
	height: 40px;
	line-height: 40px
}


.betHeader .snav .accountList a,
.betHeader .snav .messageShow a {
	color: #333
}

.betHeader .service {
	margin-top: 7px
}

.betHeader .service span {
	margin-top: -5px
}

.betHeader .snavInfo {
	height: 40px
}

.betHeader .snavInfo a,.betHeader .snavInfo li{
	color:#fff;
}
.betHeader .snavAll a:first-child:after {
	content: "\8FD4\56DE\9996\9875";
	margin-left: 2px;
	font-family: Microsoft YaHei
}

.betHeader .snavAll a:hover {
	color: #e4393c;
	text-decoration: underline
}

.betContent {
	border-top: 1px solid #ddd
}

.betContent .betLeft {
	float: left;
	width: 740px;
	min-height: 885px;
	position: relative;
	border-right: 1px solid #ccc;
}

.betContent .mybet table img {
	margin: 46px 0
}

.winningList ins {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	color: #555
}

.winningList tr:nth-child(2) ins {
	background: #c12f33;
	background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.winningList tr:nth-child(3) ins {
	background: #53b0fe;
	background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

.winningList tr:nth-child(4) ins {
	background: #f8a968;
	background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px
}

#moneyList {
	width: 100%
}

.ssc .betLeft {
	border-right: 1px solid #ddd
}

.ssc .betRight {
	border-left: none
}

.ssc .roundNo img {
	margin: 0 5px
}

.odd {
	text-align: left;
	padding: 0 30px
}

.odd a {
	margin: 6px
}

.ordinaryChase {
	padding: 10px 15px
}

.ordinaryChase input {
	vertical-align: middle;
	height: 30px;
	width: 50px;
	margin-right: 4px;
	text-align: center;
	border: 1px solid #ddd
}

.chaseLonger {
	display: inline-block;
	vertical-align: middle;
	background: #f4f4f4;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd
}

.chaseLonger li {
	float: left;
	width: 45px;
	text-align: center;
	font-weight: 700
}

.chaseLonger .curr {
	color: #f37036
}

.chaseListCon {
	height: 350px;
	overflow: auto
}

.advancedChase td {
	height: 38px;
	padding-left: 14px
}


.advancedChase input {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center
}

.advancedChase input[type=number] {
	width: 65px;
	background: #fff;
	border: 1px solid #ddd
}

.advancedChase select {
	border-radius: 2px;
	border: 1px solid #ddd
}


.advancedChase table {
	table-layout: fixed;
	width: 275px;
	margin: 14px 0;
	float: left;
}

.advancedChase table:nth-child(2) {
	width: 430px;
}

.advancedChase table:nth-child(2) tr td {
	border: none
}

.advancedChase hr {
	border: 1px solid #ddd;
	border-top: none;
	clear: both
}

.advancedChase a{
	margin: 10px auto;
	width: 100px;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	border-radius: 4px
}

.chaseList {
	table-layout: fixed;
	width: 100%
}

.chaseList input[type=tel] {
	display: inline-block;
	width: 60px;
	height: 22px;
	border: 1px solid #cecece;
	padding: 0 4px
}

.chaseList input[type=checkbox] {
	margin-right: 5px
}

.chaseList tr:last-child td {
	border: none
}

.chaseList td,
.chaseList th {
	padding: 0;
	text-align: left
}

.chaseList td:nth-child(1),
.chaseList th:nth-child(1) {
	width: 54px
}

.chaseList td:nth-child(2),
.chaseList th:nth-child(2) {
	width: 186px
}

.chaseList td:nth-child(3),
.chaseList th:nth-child(3) {
	width: 90px
}

.chaseList td:nth-child(4),
.chaseList td:nth-child(5),
.chaseList th:nth-child(4),
.chaseList th:nth-child(5) {
	width: 84px
}

.chaseList td:first-child,
.chaseList th:first-child {
	padding-left: 14px
}

.chaseList td {
	height: 34px;
	line-height: 34px;
	border-bottom: 1px dotted #ddd
}

.chaseList td em {
	color: #f37036
}

.chaseList th {
	height: 38px;
	line-height: 38px;
	font-weight: 100;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.generalTable td,
.generalTable th {
	text-align: left
}

.generalTable td:nth-child(1),
.generalTable th:nth-child(1) {
	width: 34px
}

.generalTable td:nth-child(2),
.generalTable th:nth-child(2) {
	width: 84px
}

.generalTable td:nth-child(3),
.generalTable th:nth-child(3) {
	width: 54px
}

.generalTable td:nth-child(4),
.generalTable th:nth-child(4) {
	width: 74px
}

.generalTable td:nth-child(5),
.generalTable th:nth-child(5) {
	width: 84px
}

.generalTable td:first-child,
.generalTable th:first-child {
	padding-left: 14px
}

._col5 td,
._col5 th {
	padding: 0
}

._col5 td:nth-child(1),
._col5 th:nth-child(1) {
	width: 60px;
	padding-left: 14px
}

._col5 td:nth-child(2),
._col5 th:nth-child(2) {
	width: 186px
}

._col5 td:nth-child(3),
._col5 th:nth-child(3) {
	width: 120px
}

._col5 td:nth-child(4),
._col5 th:nth-child(4) {
	width: 180px
}

._col5 td:nth-child(5),
._col5 th:nth-child(5) {
	width: 160px
}

._col7 td,
._col7 th {
	padding: 0
}

._col7 td:nth-child(1),
._col7 th:nth-child(1) {
	width: 46px;
	padding-left: 14px
}

._col7 td:nth-child(2),
._col7 th:nth-child(2) {
	width: 155px
}

._col7 td:nth-child(3),
._col7 th:nth-child(3) {
	width: 93px;
	padding-right: 0
}

._col7 td:nth-child(4),
._col7 td:nth-child(5),
._col7 td:nth-child(6),
._col7 th:nth-child(4),
._col7 th:nth-child(5),
._col7 th:nth-child(6) {
	width: 104px
}


.betFilter li {
	display: inline;
	padding: 4px 5px;
	line-height: 30px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	color: #555;
	font-size: 14px;
	margin-right: 13px;
	margin-bottom: 5px
}

.betFilter .curr,
.betFilter li:hover {
	background: #ff9726;
	color: #fff
}

.betTip {
	padding: 3px 15px;
	color: #555;
	background: #fdfdfd;
	margin-top: 20px;
}

.betTip i {
	font-size: 14px;
	margin-right: 3px
}

.betTip i,
.betTip ins {
	color: #ff9831
}

.betTip ins {
	color: red
}

.checkNumber span {
	color: #333
}

.checkNumber .B a,
.checkNumber .E a {
	padding: 0 14px;
	line-height: 46px
}

.checkNumber .C a {
	padding: 0 8px
}

.checkNumber .G {
	padding: 0 30px
}

.checkNumber.normalbox ul {
	padding: 0 20px
}

.checkNumber.normalbox ul li a {
	font-size: 24px
}

.checkNumber.normalbox ul li .bet-item-eg-box {
	font-size: 12px;
	line-height: 16px;
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px)
}

.checkNumber.normalbox ul li .bet-item-eg-box span {
	display: inline-block;
	margin: 0 3px;
	color: #666
}

.checkNumber.normalbox ul li .bet-item-rate {
	display: block;
	text-align: center
}

.checkNumber.D01 ul li,
.checkNumber.E01 ul li,
.checkNumber.E02 ul li,
.checkNumber.E03 ul li,
.checkNumber.E04 ul li,
.checkNumber.E05 ul li {
	width: 112px;
	margin: 8px 11px
}

.checkNumber.A02 ul li,
.checkNumber.B09 ul li,
.checkNumber.B10 ul li,
.checkNumber.B11 ul li,
.checkNumber.B12 ul li,
.checkNumber.B13 ul li,
.checkNumber.B14 ul li,
.checkNumber.F01 ul li,
.checkNumber.F02 ul li,
.checkNumber.F03 ul li,
.checkNumber.F04 ul li {
	width: 83px;
	margin: 8px 14px
}
.checkNumber ul li a {
	padding: 0 10px;
	box-shadow: 0 1px 5px #d4d4d4;
	display: block;
	background: linear-gradient(180deg, #fff 0, #f1efef 90%, #f7f7f7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7f7f7", GradientType=0);
	border-radius: 5px;
	border: 1px solid #c0c5d2;
	line-height: 50px;
	font-size: 30px;
	color: #000;
	text-align: center;
	min-width: 52px;
}

.checkNumber ul li a em {
	padding-left: 8px;
	padding-right: 10px
}

.checkNumber ul li a em+em {
	padding-left: 10px;
	padding-right: 8px;
	border-left: 1px dashed #ccc
}

.checkNumber ul li a span {
	color: #111
}

.checkNumber ul li a i {
	padding: 0 15px
}

.checkNumber ul li .curr {
	background: linear-gradient(180deg, #d64b15 30%, #ea6a31);
	background: -moz-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d64b15", endColorstr="#ea6a31", GradientType=0);
	border: 1px solid #d24c10;
	color: #fff!important;
	text-decoration: blink;
	box-shadow: inherit
}

.checkNumber ul li .curr .bet-item-eg-box span {
	color: #fff
}

.checkNumber {
	margin: 24px 15px;
	padding: 25px 0;
	background: url(http://imagess-google.com/system/pc/k3/betBg.png);
	border-radius: 6px
}

.checkedList {
	border: 1px solid #ddd;
	margin: 15px;
	padding: 10px;
	height: 188px;
	overflow-y: auto;
	margin-top: 40px;
	background: #fff
}

.checkedList table {
	width: 100%
}

.checkedList table tr {
	background: #f4f4f4
}

.checkedList table tr td {
	padding: 5px 10px;
	overflow: hidden;
	position: relative
}

.checkedList table tr+tr td {
	padding-top: 15px
}

.checkedList table tr+tr td:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 10px;
	background: #fff
}

.checkedList .eachPrice {
	width: 70px;
	height: 23px;
	padding: 4px 5px;
	border: 1px solid #ddd;
	margin: 0 3px
}

.checkedList .orderMoney {
	color: red;
	margin-left:5px;
}

.checkedList .orderCancel {
	color: #ff9600;
	cursor: pointer
}

.checkedList .order_type {
	display: inline-block;
	max-width: 180px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top
}

.sscCheckNumber {
	padding: 15px 0!important;
	padding-bottom: 5px!important
}

.sscCheckNumber ul li {
	display: table;
	margin: 10px 0
}

.sscCheckNumber {
	margin: 24px 15px;
	padding: 25px 0;
	background: url(http://imagess-google.com/system/pc/k3/betBg.png);
	border-radius: 6px
}

.buyNumber a {
	-webkit-filter: none!important;
	filter: none!important
}

.selectMini .buyNumber,
.selectSYX5 .buyNumber {
	text-align: left;
	padding: 0 4px
}

.selectDsds .buyNumber {
	width: 600px
}

.selectSYX5 .buyNumberTitle {
	width: 55px;
	font-size: 12px;
	margin-right: 10px
}

.selectSYX5 .buyNumberFilter {
	padding: 0;
	width: 82px;
	margin-left: 4px
}

.selectCenter {
	width: 710px
}

.selectMini .buyNumberTitle {
	margin-right: 20px
}

.selectMini .buyNumber {
	width: 610px
}

.buyNumber,
.buyNumberFilter,
.buyNumberTitle {
	display: block;
	float: left
}

.buyNumber .curr,
.buyNumber a:hover,
.buyNumberFilter .curr,
.buyNumberFilter a:hover,
.checkNumber .active a,
{
	*background: #ea6a31;
	background: #ea6a31\0
}

.buyNumberTitle {
	width: 63px;
	height: 26px;
	background: #455467;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
	border-radius: 0 3px 3px 0;
	margin: 11px 0;
	margin-right: 25px;
	position: relative
}

.buyNumberTitle i {
	position: absolute;
	display: block;
	right: -5px;
	top: 8px;
	border-top: 5px solid transparent;
	border-left: 5px solid #455467;
	border-bottom: 5px solid transparent
}

.buyNumber {
	min-width: 500px;
	text-align: center;
	margin: 5px 0
}

.buyNumber a,
.buyNumber ins {
	display: inline-block;
	margin: 0 6px;
	background: #cecece;
	border: 1px solid #c0c5d2;
	line-height: 38px;
	font-size: 18px;
	color: #000;
	box-shadow: 0 1px 3px #d4d4d4, inset 0 -1px 5px #fff;
	text-align: center;
	background: linear-gradient(180deg, #fff 0, #f1efef);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1efef", GradientType=0);
	*background: #f7f7f7;
	background: #f7f7f7\0;
	-webkit-filter: none;
	filter: none;
	cursor: pointer;
	margin-bottom: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.buyNumber a {
	width: 38px;
	height: 38px;
	border-radius: 50%
}

.buyNumber ins {
	height: 42px;
	width: 92px;
	line-height: 42px;
	border-radius: 4px
}

.buyNumber .curr {
	background: linear-gradient(180deg, #d64b15 30%, #ea6a31);
	background: -moz-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d64b15", endColorstr="#ea6a31", GradientType=0);
	border: 1px solid #d24c10;
	color: #fff!important;
	text-decoration: blink;
	box-shadow: inherit
}

.buyNumber .curr.red {
	background: linear-gradient(180deg, #ff6669 30%, #e53a3d);
	background: -moz-linear-gradient(to bottom, #ff6669 30%, #e53a3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6669", endColorstr="#e53a3d", GradientType=0);
	border: 1px solid #e94548
}

.buyNumber .curr.blue {
	background: linear-gradient(180deg, #33a8ff 30%, #228ede);
	background: -moz-linear-gradient(to bottom, #33a8ff 30%, #228ede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a8ff", endColorstr="#228ede", GradientType=0);
	border: 1px solid #2994e3
}

.buyNumber .curr.green {
	background: linear-gradient(180deg, #41e07c 30%, #38b467);
	background: -moz-linear-gradient(to bottom, #41e07c 30%, #38b467 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41e07c", endColorstr="#38b467", GradientType=0);
	border: 1px solid #3cb569
}

.buyNumber .red {
	color: #dc3b40
}

.buyNumber .blue {
	color: #218ddd
}

.buyNumber .green {
	color: #38b366
}

.lotteryConfirm {
	width: 350px
}
.subnav li img {
	width: 44px;
	height: 44px;
	vertical-align: middle
}

.subnav li .des {
	color: #999;
	font-size: 12px;
	font-weight: 100
}

.subnav li:hover {
	background: #fff9dd
}

.subnav li:hover i {
	transition: .5s;
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn);
	-webkit-transform-origin: 17px 25px;
	transform-origin: 17px 25px
}

.subnav li i {
	font-size: 36px;
	margin: 0 5px;
	width: 38px;
	height: 38px;
	display: inline-block;
	position: relative;
}

.subnav li i:before {
	font-size: 34px;
	-webkit-transform: translate(1px, -1px);
	transform: translate(1px, -1px)
}

.subnav li:last-child {
	border: none
}

.wrapC {
	width: 488px;
	margin-left: 13px;
	float: left
}

.wrapC .banner {
	height: 251px;
	background: #eee;
	overflow: hidden
}

.wrapC .banner .hd ul {
	padding: 2px;
	border-radius: 10px
}

.wrapC .banner img {
	width: 488px;
	height: 250px
}

.autoTab {
	height: 204px;
	margin-top: 13px;
	border: 1px solid #d7e2f7;
	box-sizing: border-box;
	background:  #fff;
}

.wrapR {
	float: left;
	width: 252px;
	height: 472px;
	margin-left: 13px
}

.wrapR .slide {
	border: 1px solid #dce1e5;
	margin-top: 13px;
	background:  #fff;
}

.wrapR .slide .help {
	height: 36px;
	background: #f8f8f8;
	border-top: 1px solid #dce1e5;
	line-height: 35px;
	color: #999;
	padding-left: 12px;
	text-align: left
}

.wrapR .slide .help a:hover {
	color: #e4393c;
	text-decoration: underline
}

.loginRegister {
	height: 44px
}

.loginRegister a {
	display: inline-block;
	width: 119.5px;
	text-align: center;
	background: #fff9dd;
	line-height: 42px;
	color: #e4393c;
	font-size: 16px;
	font-weight: 700;
	border: 1px solid #ebd4b3;
	box-sizing: border-box;
	border-radius: 2px
}

.loginRegister a i {
	padding-right: 5px
}

.loginRegister a+a {
	margin-left: 13px
}

.loginRegister a:hover {
	background: #f9f0c0
}

.slide h6,
.winningList h6 {
	margin: 0;
	padding: 0 8px;
	line-height: 30px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	background: #f5f4f4;
	height: 30px;
}

.winningList {
	margin-top: 13px;
	border: 1px solid #dce1e5;
	height: 204px;
	overflow: hidden;
}

.winningList.box{
	height:430px;
}
.winningList .tempWrap {
	padding: 15px 0
}

.winningList .winnerList li {
	padding: 9px 15px;
}

.winningList .winnerList li:hover {
	background: #ece9e9
}


.logined h3 {
	line-height: 26px;
	text-align: center;
	margin: 7px
}

.logined h3 i {
	color: #e4393c;
	font-size: 16px
}

.logined h3 b {
	color: #36c
}

.logined>a {
	width: 45px;
	height: 15px;
	display: inline-block;
	cursor: pointer;
	border: none;
	position: absolute;
	z-index: 2;
	top: 12px;
	right: 10px;
	line-height: 15px;
	padding-left: 5px;
	border-radius: 2px;
	text-align: right;
}

.cqssc .a,
.cqssc .number,
.cqssc img {
	float: left
}

.cqssc .number {
	padding-top: 45px;
	padding-left: 40px
}

.cqssc .number em {
	background: #e84245;
	border: 1px solid #b13032;
	background: linear-gradient(180deg, #e46062 2%, #c72c2e);
	font-size: 30px;
	color: #fff;
	border-radius: 50%;
	width: 41px;
	height: 41px;
	display: inline-block;
	line-height: 41px;
	text-align: center;
	font-weight: 100;
	margin: 0 5px;
	cursor: default
}

.cqssc a {
	margin-top: 51px;
	margin-left: 32px
}

.text {
	margin-top: 20px
}

.text i {
	color: green;
	margin: 0 3px;
	font-weight:700;
}

.text span {
	margin-right: 14px
}

.text span:last-child {
	margin: 0
}

.text a+a {
	background: #5691d7
}

.sh11x5 em {
	font-size: 25px!important
}

.dice {
	margin-top: 32px
}

.dice span {
	display: inline-block;
	background: url(http://imagess-google.com/system/pc/k3/open_num.png);
	width: 60px;
	height: 60px;
	vertical-align: middle
}

.dice i {
	font-size: 25px;
	vertical-align: middle;
	color: #999;
	margin: 10px
}

.dice em {
	font-size: 25px;
	color: #333;
	vertical-align: middle;
	margin: 3px
}

.slideTxtBox p {
	text-align: center
}

.fold-enter-active,
.fold-leave-active {
	transition: all .5s
}

.fold-enter,
.fold-leave-active {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.bd {
	overflow: hidden;

}

body {
	background-color: #eee;
	position: relative
}

body {
	margin: 0;
	height: 100%;
	font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
	display: table;
	width: 100%;
	font-size: 12px;
}

html {
	box-sizing: border-box;
	height: 100%
}

,
:after,
:before {
	box-sizing: inherit
}


.fix:after,
.fix:before {
	content: "";
	display: table
}

.fix:after {
	clear: both;
	overflow: hidden
}

.errorContent,
.notFound {
	width: 100%;
	margin: 0 auto;
	height: 380px;
	position: relative;
	vertical-align: middle;
	height: 455px;
	text-align: center
}

.errorContent .left,
.notFound .left {
	float: left;
	display: inline
}

.errorContent .right,
.notFound .right {
	float: left;
	display: inline;
	text-align: left
}

.errorContent .right h1,
.notFound .right h1 {
	color: #59adf2;
	font-weight: 100
}

.errorContent .right p,
.notFound .right p {
	color: #666;
	line-height: 1.6
}

.errorService {
	font-size: 14px;
	text-decoration: blink;
	color: #59adf2;
	border: 1px solid;
	padding: 6px 10px;
	border-radius: 4px
}

.backHome {
	color: #59adf2;
	padding: 0 4px;
	border-radius: 0
}

.errorLogo {
	position: absolute;
	right: 20px;
	bottom: 20px
}

.errorLogo img {
	height: 50px
}

.notFound {
	height: 455px;
	text-align: center
}

.notFound h1 {
	color: #59adf2;
	font-weight: 100;
	margin: 40px 0;
	margin-bottom: 20px
}

.notFound p {
	line-height: 1.8;
	color: #666;
	text-align: left;
	display: table;
	margin: 0 auto
}

.notFound {
	display: block;
	margin: 10% auto;
	margin-bottom: 0;
	margin-top: calc(50vh - 228px)
}

.maintainCon {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80%;
	display: table
}

.errorContent {
	display: table-cell;
	vertical-align: middle
}

.maintain {
	width: 526px;
	margin: 0 auto
}

.maintain>div {
	float: left
}

.maintain .left img {
	margin-top: 40px
}

.maintain .right {
	text-align: left;
	padding-left: 66px
}

.maintain .right h1 {
	font-size: 32px;
	color: #59adf2;
	font-weight: 400
}

.maintain .right p {
	line-height: 1.8;
	font-size: 14px;
	color: #666
}

.maintain .right p em {
	color: red;
	margin: 0 4px
}

.maintain .right>a {
	font-size: 14px;
	border: 1px solid;
	border-radius: 4px;
	padding: 5px 12px;
	color: #45aeef
}

.layui-this {
	background: #ff9726;
	color: #fff !important;
}

.text a {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	background: #ff9726;
	border-radius: 2px;
	margin-right: 6px
}

.text a+a {
	background: #5691d7
}

.creatAccountDetail {
	padding: 0 .8em;
	background: #fff;
	font-size: .7em
}

.creatAccountDetail:before {
	left: 0
}

.creatAccountDetail:after,
.creatAccountDetail:before {
	content: '';
	position: absolute;
	background: #d0d0d0;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.creatAccountDetail:after {
	margin-left: -.8em
}

.creatAccountDetail li {
	height: 3.2em;
	line-height: 3.2em
}

.creatAccountDetail li:before {
	content: '';
	position: absolute;
	left: 0;
	background: #d0d0d0;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.creatAccountDetail li:first-child:before {
	visibility: hidden
}

.creatAccountDetail span {
	display: inline-block;
	width: 5em
}

.creatAccountDetail input {
	display: inline-block;
	width: 16em;
	width: -ms-calc(100% - 5em);
	width: calc(100% - 5em);
	border: none;
	background: #fff
}

label {
	cursor: pointer;
	display: inline-block;
	margin-right: 15px;
	position: relative
}

input[type=radio] {
	/* display: none; */
}

/*label:before {
	content: "\E63F";
	display: inline;
	color: #dc3b40;
	font-size: 1.4em;
	margin-left: -1.2em;
	position: absolute;
	line-height: 1.95em;
	width: 16px;
	font-family: iconfont
}*/

.radio label:before {
	border-radius: 8px
}

input[type=radio]:checked+label:before {
	text-align: center;
	content: "\E640"
}

.manageInviteTable {
	table-layout: auto
}

.manageInviteTable td,
.manageInviteTable th {
	width: auto
}

.manageInviteTable tr:active {
	background: #d9d9d9
}

.showCodeDetail {
	top: -ms-calc((100vh - 20em)/2);
	top: calc((100vh - 20em) / 2);
	width: 10rem;
	left: 3rem;
	margin: 0 auto;
	font-size: 1.4em
}

.showCodeDetail .creatAccountDetail {
	position: fixed;
	z-index: 12;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: .5em
}

.showCodeDetail .creatAccountDetail h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0
}

.showCodeDetail .creatAccountDetail h3 a {
	right: 0
}

.showCodeDetail .creatAccountDetail input {
	text-align: center
}

.showCodeDetail .creatAccountDetail li:first-child:before {
	visibility: initial
}

.userCenter {
	padding-bottom: 6em
}

.agentIntroDes {
	color: #333;
	padding: 1em .6em;
	line-height: 1.8;
	font-size: .7em
}

.agentIntroDes h3 {
	color: #dc3b40
}

.agentIntroDes h3 i {
	margin-right: .3em;
	font-size: 1.1em;
	line-height: 1.1em
}

.agentIntroDes p {
	padding-left: 1.7em;
	position: relative
}

.agentIntroDes p:before {
	content: "";
	position: absolute;
	width: .3em;
	height: .3em;
	background: #b9bcc2;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px #b9bcc2;
	left: .3em;
	top: .6em;
	z-index: 1
}